simple layout

by Steven Martin

HTML

<div class="wrapper">
  <div class="left"></div>
  <div class="middle"></div>
  <div class="right"></div>
</div>

CSS

.wrapper {
  display: table;
  width: 100%;
}
.wrapper div {
  display: table-cell;
  height: 300px;
}
.left {
  width: 200px;
  background: #b4d455;
}
.middle {
  background: #f06d06;
}
.right {
   width: 200px;
  background: #b4d455;
}