Posted on April 6, 2007
CSS Tips Basic: Two columns
This is one of the key things involved in avoiding TABLE layouts and using DIV layouts.
Example 1
Column 1
Isn't it so beautiful?
Column 2
Isn't it beautifuler?
You can just as quickly add a third column as long as the total width of the three columns doesn't exceed their container's width.
Example 2
Column 1
Isn't it beautiful?
Column 2
Isn't it beautifuler?
Column 3
Lovely
The Code
<div style="float: left; width: 200px; margin: 0 auto;">Content here</div>
>div style="float: left; width: 200px; margin: 0 auto;">Content here</div>
The above code will create two colums that are side by side.
7 Likes
-
♥
add to your likes
-
Jan 26, 2008
-
Dec 12, 2007
-
May 19, 2007
-
May 11, 2007
-
May 09, 2007
-
May 04, 2007
-
May 03, 2007
Viewed 7,568 times
Loading comments...