JSFiddle - React, Tailwind, and code Playground

by Malik Naik

HTML

<div>
    <div id="dpht"><img id="pht" src="http://farm4.static.flickr.com/3065/2741653860_468fda7e7a.jpg"></div>
    <span id="cap">Photo Caption</span>

    </div>

CSS

div{
    max-width: 500px;
    margin: 0 auto;
}
#dpht{
    display: flex;
    flex-direction: row;
}
#pht{
    display: block;
}
#cap{
    flex: none;
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;

    color: yellow;
    display: inline-block;
    font: bold 13px/30px Helvetica,sans-serif;
    letter-spacing: -1px;
    padding-left: 5pt;
    padding-right: 5pt;   
}