<div class="container">
  <div class="box purple"></div>
  <div class="box blue"></div>
  <div class="box green"></div>
  <div class="box orange"></div>
</div>

.container{
  max-width: 600px;
  margin: 0 auto;
  border: 2px solid red;
}

/*
4 Boxes at 25% each fills the container
*/
.box{
  width: 25%;
  height: 100px;
  float: left
}

.purple{
  background: purple;
}
.blue{
  background: blue;
}
.green{
  background: green;
}
.orange{
  background: orange;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.