<div class="left-wrap"></div>

<div class="right-wrap"></div>
<div class="center-wrap"></div>
*{
  margin:0;
  padding:0;
}
html,body{
  width:100%;
  height:100%;
  text-align:center;
  font-size:36px;
}
div{
  height:100%;
}
.center-wrap{
  margin:0 200px;  
}
.left-wrap,.right-wrap{
  width:200px;
  background:#1ba1e2;
}
.left-wrap{
  float:left;
}
.right-wrap{
  float:right;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.