INDENTED PARAGRAPHS

© Gillian Buchanan May 2002

It isn't really possible to make true indented paragraphs with pure HTML. You would normally have to use tables or the margin commands specific to Netscape and Internet Explorer and with the latter the whole page would be indented. Furthermore, you cannot control exact distances easily. With tables you use either pixel or percentage measurements, and with the margin commands you will use pixels.

Again there is no control with the trick shown on this page. All you can say is the paragraph will be indented a small amount, you will not be able to control by how much in any given browser.

All you do is create an ordered or unordered list (<UL> </UL> or <OL> </OL>) but leave out the <LI> tags. The paragraph will automatically indent itself!

If you want the paragraph to be indented on both sides, just use <BLOCKQUOTE> </BLOCKQUOTE>, you can control indentation of the blockquote paragraph in the same way using the <UL> or <OL> tags.

Here's how you would indent a paragraph using the <UL> command:-

<UL>

This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph.

This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph.

This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph.

</UL>

Here's how the paragraph would look with the <BLOCKQUOTE> tag in place:

<BLOCKQUOTE>

This is a blockquote paragraph. This is a blockquote paragraph. This is a blockquote paragraph. This is a blockquote paragraph. This is a blockquote paragraph. This is a blockquote paragraph. This is a blockquote paragraph. This is a blockquote paragraph. This is a blockquote paragraph.

<UL>

This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph.

This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph.

This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph. This is an indented paragraph.

</UL>

This is a blockquote paragraph. This is a blockquote paragraph. This is a blockquote paragraph. This is a blockquote paragraph. This is a blockquote paragraph. This is a blockquote paragraph. This is a blockquote paragraph. This is a blockquote paragraph. This is a blockquote paragraph.

</BLOCKQUOTE>

As you can see, using the <UL> command in conjunction with the <BLOCKQUOTE> commands force layers of apparently indented paragraphs.

Back to TOP