JSFiddle - React, Tailwind, and code Playground

HTML

<div class="card">
    <img src="http://www.mycix.com/wp-content/uploads/2014/01/baby-fox-picture.jpg"/>        
  <div class="caption">
      <p>Baby foxes are the best.</p>
  </div>  
</div>

CSS

img {
    display: block; /*fixes space below image*/
    max-width: 100%;
}

.card {
    width: 400px;
    border:solid 2px #333;
    padding: 0px;
}

.caption {
    background: #e7d3a7;
    padding: 5px;
    text-align: center;
    font-size: 20px;
    font-family: helvetica, arial, sans-serif;
    color: #333;
}