cssbattle2

<div class="r">
  <div class="s e"></div>
  <div class="s"></div>
</div>
<div class="z">
  <div class="s e"></div>
  <div class="s"></div>
</div>
<style>
  * {
    background: #62374e;
  }
  .s {
    width: 50px;
    height: 50px;
    background: #fdc57b;
    display: inline-block;
  }
  .r {
    margin-top: 50px;
  }
   .z {
    margin-top: 96px;
  }
  .e {
    margin: 0 196px 0 42px;
  }
</style>