By using CSS and not tables, you have complete control over the positions and dimensions of all page elements due to the layout possibilities offered by CSS. In the next example we will work exclusively with a tableless code, using DIVs. As maybe you knew already, the <div> is a block-level element that is used to divide the page into more logical sections. They are used to format whole blocks of text in your pages.
In our next example, let’s say that we want to create a three column web page, but we need the columns to be rendered in a different order in our browser. Such tricks are recommended to use when from the left to the right you want to render a different column as the first one used in the columns order. Let’s take for a “live” example the henrich.ro blog. Please focus only on the section between the horizontal menu and the footer.
