Learn HTML Code Tutorial Reference Guide

Indenting the First Line of Each Paragraph

To indent the first line of each paragraph set a style rule using text-indent. For example, the following code indents the first line of each paragraph 30 points. Copy this code into the <HEAD> section of your page:

<STYLE TYPE="text/css">
<!--
P {text-indent: 30pt;}
-->
</STYLE>

This code indents the first line of each <P ...> element, but you'll probably run into an annoying problem. If you're like most designers you probably don't put a P before the first paragraph or between a header like <H1 ...> and the text that follows it. Unfortunately, that's exactly what you'll need to do if you want the paragraph indented. The text in these situations is part of something called "anonymous blocks" and cannot be referred to directly. To indent it you must put the text in a <P ...> element.

So, for example, the following code does not have a <P ...> between the header and the text, so the text is not indented:

<H1>My Story</H1>

This paragraph is not indented.

which gives us

My Story

This paragraph is not indented.

This code does have a <P ...> between the header and the text, so the text is indented:

<H1>My Story</H1>

<P>

This paragraph is indented.

My Story

This paragraph is indented.




 

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   Privacy Policy   |   About
Copyright ©1997-2002 Idocs and ©2002-2014 HTML Code Tutorial