If you want the entire page indented, set a style rule which sets right and left padding for the <BODY ...>
| this code | produces this |
<STYLE TYPE="text/css">
<!--
BODY
{
padding-left: 100px;
padding-right: 100px;
}
-->
</STYLE>
|
this page |
This technique is popular when used in combination with a background image. For example, suppose we want the following image to run down the left side of the page (as it does on this page):
This image is 56 pixels wide, so let's set the padding to 60. The following style sets the background image, sets the repeat to repeat-y (only repeat vertically down the left side of the page) and sets the left padding to 60 (we won't set the right padding).
<STYLE TYPE="text/css">
<!--
BODY
{
background-image:url(blue.edge.gif);
background-repeat:repeat-y;
padding-left: 60px;
}
-->
</STYLE>
Indenting the First Line of Each Paragraph >>>