Cascading Style Sheets Reference
Layout Example 1
On a warm night and before an electrified crowd at Pac Bell Park, Barry Bonds smacked homer No. 600 off Pittsburgh's Kip Wells in the 6th inning.
On a warm night and before an electrified crowd at Pac Bell Park, Barry Bonds smacked homer No. 600 off Pittsburgh's Kip Wells in the 6th inning.
The key to this layout is using the float property.
Style Sheet Code:
In the style sheet, I only specify the box properties.
.ex_box1 { border: solid 2px #CC6666; padding: 10px; width: 200px; }
HTML Code:
<div class="ex_box1" style="float:left">
On a warm night and ...
</div>
<div class="ex_box1" style="float: left; margin-left: 25px">
On a warm night and ...
</div>
<br style="clear:both">
On a warm night and ...
</div>
<div class="ex_box1" style="float: left; margin-left: 25px">
On a warm night and ...
</div>
<br style="clear:both">
Releated Links