Step n°5

Voilà, what's left is to copy the styles in a stylesheet (here pagecss.css) and link it before the tag </head>:

It will be available to all the pages of your website.

Title for a table with 3 columns

Left

Center

Right

The text is hidden

if there is

an overflow

so that alignment

is not modified.

Title for a table with 2 columns

Wide column on the left

Narrow on the right

Centered text

Bold characters

Column on the left using half of the content part of the page with margins on both sides.

Column on the right using half of the content part of the page with margins on both sides.

Thus no table, no javascript, but a few navigators will not be able to display all the content.

With modern browsers, we can use an unordered list for the "table" instead of all the divisions.

You can try to adapt the pages or the stylesheet as the next page does.

CSS limits to simulate a table appear here (resize the window and the cells will move or add #content{min-width:620px;} for Mozilla, a DIV <div style="clear:both;"></div> before each new line...).
Sometimes it is easy to modify the layout to profit from CSS-P, but to display data, a table with CSS is still the best solution.

Now you just have to choose your layout and use CSS.