CSS Tutorial

Aligning Boxes Side by Side

<!DOCTYPE html>
<title>Example</title>
<style>
  div {
    float: left;
    padding: 20px; 
  }
  .gold {
    background: gold;
  }
  .limegreen {
    background: limegreen;
  }
  .orange {
    background: orange;
  }
</style>
<div class="gold">
  Gold
</div>
<div class="limegreen">
  Limegreen
</div>
<div class="orange">
  Orange
</div>