Microsoft Logo with CSS

microsoft-logo-with-css.html

<div class="microsoft-logo">
  <div class="square red"></div>
  <div class="square green"></div>
  <div class="square blue"></div>
  <div class="square yellow"></div>
</div>
<style>
  .microsoft-logo{
    width:440px;
    margin:20px auto;
  }
.square {
  width: 200px;
  height: 200px;
  margin:0 20px 20px 0;
  float:left;
}
.square.red{background-color:#F35325;}
.square.green{background-color:#81BC06;}
.square.blue{background-color:#05A6F0;}
.square.yellow{background-color:#FFBA08;}
</style>