JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
    
  <h1 id="contentheader">Introduction to Solar Power</h1>
    
  <div class="images">
      <img class="img-left" src="images/sunonsolarpanelroof160px.jpg" alt="Sun shining on roof solar panels" />
      
      <img class="img-center" src="images/smallwindturbine160px.jpg" alt="Small wind turbine spinning" />
      
      <img class="img-right" src="images/waveturbine160px.jpg" alt="Wave turbines in motion" />
    </div>
    
</div>

CSS

#content {
  width: 534px; /* full width 556px */
  padding: 10px;
  border: 1px solid #000;
}

#content h1 {
    margin-bottom:20px;
}
#content .images {
    overflow:auto;
}
#content .images img {
    width:160px;
    height:60px;
    float:left;
}
#content .images img.img-left, 
#content .images img.img-center {
    margin-right:27px;
}