Indenting Text
Another very useful text property is text-indent. This enables you to indent text with CSS instead of spacer graphics or numerous nonbreaking space characters in your HTML.You can use any length value (described earlier this chapter) that is fixed.
This results in each paragraph having an initial indentation of 45 pixels (see Figure 9-10).
p {text-indent: 45px;}
Figure 9-10. Indenting paragraphs with a 45-pixel indent.
Chapter 12, "Positioning, Floats, and Z-Index"):
This results in a deep indentation, which you can use from time to time for an unusual look (see Figure 9-11).
p {text-indent: 40%;}
Figure 9-11. Indenting using percentages.
[View full size image]

Figure 9-12. Outdenting text by setting margins and applying text-indent: -20px;.
