When we at Ecommerce Partners (http://www.ecommercepartners.net) started using divs rather than table for web page layout, the most daunting knowledge for me was how to create columns using divs. So, here is the solution for all those website developers who are struggling to make use of divs for web page layout.

The div tag could be distinct as the division in a web page. It is a block level element. This implies that the default behavior of divs is to stack up one above the other. This serves the purpose of using divs for a simple web page layout where all the elements stack one above the other. When we have a columnar web page layout (which happens to be the most common layout for majority of the websites), we positive need to understand how to utilize divs to create two or more columns in a web page.

The following method will cause divs to stack up side by side rather than one above the other.

Lets say that we have two divs:
{div id=div1}{/div}
{div id=div2}{/div}
(in order to display it right on a browser "{" has been used in place of "