This is the the left column
This is the the right column
html code:
<div class="col two_col_width red">
<h4>This is the the left_column</h4>
</div>
<div class="">
<h4>This is the the right column</h4>
</div>
css code:
.col{
float: left;
width: 200px;
border:1px solid #999;
padding:10px;
margin: 10px 5px;
}
float: left;
width: 200px;
border:1px solid #999;
padding:10px;
margin: 10px 5px;
}
.red{
border:1px solid #F00}
.green{
border:1px solid #060}
.blue{
border:1px solid #009}
.two_col_width {
width: 250px;
}
.three_col_width {
width: 150px;
}
Also see: http://www.barelyfitz.com/screencast/html-training/css/positioning/