CodePen

HTML

            
              <div class="container">
  <div class="left">
    Lorem
  </div>
  <div class="center">
    <img src="http://lorempixel.com/200/100" />
  </div>
  <div class="right">
    Ipsum
  </div>
</div>
            
          
!

CSS

            
              * {
  box-sizing: border-box;
}

.container {
  margin: 16px auto;
  font-size: 0;
  > div {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
  }
  .center {
    width: 15%;
    img {
      width: 100%;
      height: auto !important;
    }
  }
  .left, .right {
    width: 42.50%;
  }
  .left {
    text-align: right;
    padding-right: 32px;
  }
  .right {
    text-align: left;
    padding-left: 32px;
  }
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................