<!DOCTYPE html>
<style>
  .float {
    float: left;
    width: 2em;
    height: 2em;
  }
  .yellow {
    background: yellow;
  }
  .blue {
    background: blue;
  }
</style>
<p>Below there should be two yellow and two blue squares.</p>
<div class="float yellow"></div>
<div class="float blue"></div>
<div class="float yellow"></div>
<div class="float blue"></div>