HTML and CSS Reference
In-Depth Information
.main {
height: 200px;
margin-left: 110px;
border: 1px solid black;
}
.floated {
float: left;
height: 150px;
width: 98px;
border: 1px solid black;
}
[...]
<div class="container">
<div class="floated">
.floated
</div>
<div class="main">
.main
</div>
</div>
This is an extremely common technique when creating multicolumn
page layouts, as you'll see in the next section.
Background images can be more than just repeated background patterns,
textures, or fancy border substitutes (Chapter 8). Background images can
also be used to create visual structures or separation that doesn't follow
the structure defined in the markup.
