Text Indent

Example Code


<!-- Codes by HTMLmagics -->
<p style="text-indent:20px;width:200px;">The first line of this paragraph is indented by 20 pixels. Subsequent lines of text are not indented.</p>
<p style="text-indent:3em;width:200px;">The first line of this paragraph is indented by 3 em. This is simply another way of specifying the amount of indent. </p>
<p style="text-indent:50%;width:200px;">The first line of this paragraph is indented by 50%. This is 50% of the containing block - not this paragraph.</p>
<p style="text-indent:-10px;width:200px;">The first line of this paragraph is indented by a negative amount (-10 pixels). </p>
<p><a  style="font-size:11px;color:#999;" href="http://htmlmagics.blogspot.com/text/text-code.cfm">HTML text</a></p>




Result




The first line of this paragraph is indented by 20 pixels. Subsequent lines of text are not indented.
The first line of this paragraph is indented by 3 em. This is simply another way of specifying the amount of indent.
The first line of this paragraph is indented by 50%. This is 50% of the containing block - not this paragraph.
The first line of this paragraph is indented by a negative amount (-10 pixels).