Floats - The Better Way

Using floats to display divs

by Alan Jones

HTML

<div #id="wrapper">
  <div class="block">
    Block 1
  </div>
  <div class="block">
    Block 2
  </div>
  <div class="block">
    Block 3
  </div>
  <div class="block">
    Block 4
  </div>
</div>

CSS

.block {
  float: left;
  width: 30%;
  margin: 20px 5%;
  padding:20px 5%;
  background: #000;
  color:#fff;
}