JSFiddle - React, Tailwind, and code Playground

HTML

<div class="photo">
  <img src="http://farm8.staticflickr.com/7230/7276798892_733e666faa_m.jpg">
</div>

CSS

.photo {
 border: 1px solid #ccc;
 box-shadow: 1px 1px 3px #ccc;
 float: left;
 margin: 1em;
 padding: 5px;
}

/*
Images are inline by default. Need to set display to block to remove the extra space below.
*/
.photo img {
    display: block;
}