JSFiddle - React, Tailwind, and code Playground

HTML

<p>As long as there is enough space for the images to remain on one line, they will, absent all other styling.</p>
<p>It's important to note that white space between the images is rendered as a space. To prevent this, remove the whitespace from between the IMG tags. Remember, newline characters count as whitespace.</p>
<h2>With white-space</h2>
<div class="images">
  <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/18/Echinaster_sepositus.jpg/120px-Echinaster_sepositus.jpg" alt="Echinaster sepositus" />
  <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Echinaster_sepositus_Linosa_092.jpg/120px-Echinaster_sepositus_Linosa_092.jpg" alt="Echinaster sepositus" />
  <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/d/d3/Echinaster_sepositus20.jpg/120px-Echinaster_sepositus20.jpg" alt="Echinaster sepositus" />
</div>
<h2>Without white-space</h2>
<div class="images">
  <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/18/Echinaster_sepositus.jpg/120px-Echinaster_sepositus.jpg" alt="Echinaster sepositus" /><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Echinaster_sepositus_Linosa_092.jpg/120px-Echinaster_sepositus_Linosa_092.jpg" alt="Echinaster sepositus" /><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/d/d3/Echinaster_sepositus20.jpg/120px-Echinaster_sepositus20.jpg" alt="Echinaster sepositus" />
</div>
<hr />
<p>When a row of images gets too wide for a container, the images start to wrap down to the next row.</p>
<div class="images">
  <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/18/Echinaster_sepositus.jpg/120px-Echinaster_sepositus.jpg" alt="Echinaster sepositus" />
  <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Echinaster_sepositus_Linosa_092.jpg/120px-Echinaster_sepositus_Linosa_092.jpg" alt="Echinaster sepositus" />
  <img...

CSS

body {
    margin: 20px;
    font: 13px arial, sans-serif;
}
p {
    margin: .8em 0;
}
h2 {
    font-weight: bold;
    font-size: 1.2em;
}
hr {
    margin: 4em 0;
}
.images {
    margin: 20px 0;
    border: 1px solid #ccc;
    padding: 10px;
}
.imagesAlignedTop img {
    vertical-align: top;
}