Three Inline Elements

HTML

<div class="parent">
<div class="subParenet">
<div class="left outer inlineBlock">
   <img class="image" src="http://alexoliveira.me/Hawaii/images/chevron-left.png" />
</div>
<div class="middle inlineBlock">

</div>
<div class="right outer inlineBlock">
  <img class="image" src="http://alexoliveira.me/Hawaii/images/chevron-left.png" />
</div>
</div>
</div>

CSS

.inlineBlock{
  display: inline-block;
}
.middle{
  background: blue;
  width: 50%;
  height: 215px;
}

.outer{
  background: red;
  width: 20%;
}
.subparent{
  display: inline-block;
  width:100%;
}