HTML Tutorials
Home >> Lines and Paragraphs >> Indenting
previous pageIndenting a Section of the PageIndenting the First Line of Each Paragraph next page

Indenting the Whole Page

If you want the entire page indented, set a style rule which sets right and left padding for the <BODY ...> element. For example, this style sets the right and left padding to 100 pixels:

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):

Blue edge
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>

previous pageIndenting a Section of the PageIndenting the First Line of Each Paragraph next page


Recommended Resources

web hosting tutorials
Credit Help		 Search the Internet
Search Engine Help		 Low Fat Lifestyle
Internet Traffic		 Web Hosting
Web Design

Discount Hotel Reservations

Search The Internet

Copyright 1997-2002 Idocs Inc. Content in this guide is offered freely to the public under the terms of the Open Content License and the Open Publication License. Contents may be redistributed or republished freely under these terms so long as credit to the original creator and contributors is maintained. About the author

All Rights Reserved, Copyright © Free-HTML-Tutorials.com 2003
A service of 1stHostWeb.com