Total Page Views :- webs counters

CSS Text Align

Text-align Value
left align text to the left
center align text to the center
right align text to the right
justify Justified text

(How to write a CSS in HTML code)


<style>
#text1{text-align:left;}
#text2{text-align:center;}
#text3{text-align:right;}
</style>

<h3 id="text1">TECH ALTUM</h3>
<h3 id="text2">TECH ALTUM</h3>
<h3 id="text3">TECH ALTUM</h3>

(How a text alignment Looks like on browser)

TECH ALTUM

TECH ALTUM

TECH ALTUM

Text Align Justify

(How to write a CSS in HTML code)


<style>
#text4{text-align:justify;}
</style>

<h3 id="text4">TECH ALTUM is an IT Training and Development Center located in Noida.
We Offer Web Designing Training with Advance Topics like HTML-5, CSS-3, Responsive Layouts.</h3>

(How a text alignment Looks like on browser)

TECH ALTUM is an IT Training and Development Center located in Noida. We Offer Web Designing Training with Advance Topics like HTML-5, CSS-3, Responsive Layouts.

Text-indent

Text Indent changes the position of first word of first line in right direction. If given negative, it will moves to left

(How to write a CSS in HTML code)


<style>
#text4{text-indent:100px; color:red}
#text5{text-indent:200px; color:blue}
#text6{text-indent:-50px; color:green}
</style>

<p id="text4">TECH ALTUM is an IT Training and Development Center located in Noida.
We Offer Web Designing Training with Advance Topics like HTML-5, CSS-3, Responsive Layouts.</p>

<p id="text5">TECH ALTUM is an IT Training and Development Center located in Noida.
We Offer Web Designing Training with Advance Topics like HTML-5, CSS-3, Responsive Layouts.</p></body>

<p id="text6">TECH ALTUM is an IT Training and Development Center located in Noida.
We Offer Web Designing Training with Advance Topics like HTML-5, CSS-3, Responsive Layouts.</p>

(How a text indent Looks like on browser)

TECH ALTUM is an IT Training and Development Center located in Noida. We Offer Web Designing Training with Advance Topics like HTML-5, CSS-3, Responsive Layouts.


TECH ALTUM is an IT Training and Development Center located in Noida. We Offer Web Designing Training with Advance Topics like HTML-5, CSS-3, Responsive Layouts.


TECH ALTUM is an IT Training and Development Center located in Noida. We Offer Web Designing Training with Advance Topics like HTML-5, CSS-3, Responsive Layouts.

Text Decoration

Text-decoration Value Example
overline create a line over text

Tech Altum

underline create a line under text

Tech Altum

line-through strike through text

Tech Altum

blink blink text

Tech Altum

none no decoration

Tech Altum

(How to write a CSS in HTML code)


<style>
#text5{text-decoration:overline;}
#text6{text-decoration:underline;}
#text7{text-decoration:line-through;}
#text8{text-decoration:none;}
</style>

<h4 id="text5">TECH ALTUM</h4>
<h4 id="text6">TECH ALTUM</h4>
<h4 id="text7">TECH ALTUM</h4>
<h4 id="text8">TECH ALTUM</h4>

(How a text decoration Looks like on browser)

TECH ALTUM

TECH ALTUM

TECH ALTUM

TECH ALTUM

Note: Text-decoration Blink doesn't works on latest browsers.

Text Transform

(How to write a CSS in HTML code)



<style>
#text9{text-transform:capitalize;}
#text10{text-transform:lowercase;}
#text11{text-transform:uppercase;}
#text12{text-transform:none;}
</style>

<h4 id="text9">tech altum</h4>
<h4 id="text10">tech altum</h4>
<h4 id="text11">tech altum</h4>
<h4 id="text12">tech altum</h4>

(How a text transformation Looks like on browser)

tech altum

tech altum

tech altum

tech altum

Word Spacing

(How to write a CSS in HTML code)



<style>
	#text1{ word-spacing:25px;}
	#text2{ word-spacing:50px;}
</style>

	<h3 id="text1">TECH ALTUM</h3>
	<h3 id="text2">TECH ALTUM</h3>

(How the HTML code above looks in a browser)

TECH ALTUM

TECH ALTUM

Letter Spacing

(How to write a CSS in HTML code)



<style>
#text15{ letter-spacing:5px;}
#text16{ letter-spacing:10px;}
#text17{ letter-spacing:15px;}
</style>

<h3 id="text15">TECH ALTUM</h3>
<h3 id="text16">TECH ALTUM</h3>
<h3 id="text17">TECH ALTUM</h3>

(How the HTML code above looks in a browser)

TECH ALTUM

TECH ALTUM

TECH ALTUM