HTML and CSS Reference
In-Depth Information
.container {
width: 534px;
padding: 5px;
border: 1px solid black;
background: url(images/bg_faux_columns.png) repeat-y left
➥
top;
overflow: auto;
}
.main {
float: right;
height: 200px;
width: 420px;
margin-left: 0;
border: 1px solid black;
}
.sidebar { /* renamed for clarity */
float: left;
height: 220px;
width: 98px;
border: 1px solid black;
}
[...]
<div class="container">
<div class="main">
.main
</div>
<div class="sidebar">
.sidebar
</div>
</div>
