Set the Text Alignment
By Stephen Bucaro
Use the text-align property to set the text alignment. You can define the
text to be aligned center, left, right, or justify.
<p style="text-align:left;">Text aligned left</p>
Text aligned left
<p style="text-align:right;">Text aligned right</p>
Text aligned right
<p style="text-align:center;">Text centered</p>
Text centered
text-align:justify causes small amounts of spacing to be added between words
so that all the lines line up against the left and right margins and have equal width.
Normal paragraph shown below:
As Little Red Riding Hood was going through the woods, she met with a wolf,
who had a very great mind to eat her up, but he dared not, because of some
woodcutters working nearby in the forest.
text-align:justify paragraph shown below:
As Little Red Riding Hood was going through the woods,
she met with a wolf, who had a very great mind to eat her up, but he dared not,
because of some woodcutters working nearby in the forest.
the text-align property gives you limited control of text position, if you
want more exact control, use the margin-left or margin-right property.
The example below aligns the text 100 pixels from the left.
<p style="margin-left:100px;">Text 100 pixels from left</p>
Text 100 pixels from left
More CSS Quick Reference:
• Pseudo-class Selectors
• Set the Line Spacing
• Set the Font Variant
• Set the Border Width
• Set the Background Properties
• Set a Fixed Background Image
• Set the Font Slant
• Set the Font Properties
• Set the box-sizing Property
• position:fixed
| 
About BTH
User Agreement
Privacy
Site Map
Contact
News Feeds
RSS Feed
Follow @Stephen Bucaro
General Web Design
