<!DOCTYPE html>
<style>
  .square { width:30px; height:30px; background:blue; }
</style>
<p>There should be 2 squares below, and they should not be overlapping.</p>
<div class="square" style="float:left; margin-left:20px; margin-right:50px; margin-top:260px;"></div>
<div class="square" style="float:left; margin-left:35px; margin-top:15px;"></div>