Explaining CSS-P

Using Cascading Stylesheets:

In the head of the file you define formatting. You can also define a series of DIVs; DIVs are rectangles that hold content on your webpage.

Between the close title tag </title> and close head tag </head> you place the open style tag <style, followed by the formatting and positioning definitions as below:

div.topofpage {position:absolute; left:0px; top:0px; width:800px}
div.leftcolumn {position:absolute; left:15px; top:120px; width:248px}

Then in the body of the webpage, you “call up” the DIVs you’ve defined as below:

<div class="left column"><h2>Sidebar</h2>
<p>This is the content of the sidebar on the page... etc.<br />
<img src="images/bridge.jpg" /></p>
</div>