JSFiddle - React, Tailwind, and code Playground

by Florin Pop

HTML

<div class = "image">
<img src = "http://www.mountainguides.com/photos/everest-south/c2_2011b.jpg" alt="myimage"> 
<span class = "caption">
Hello World.!
</span>
</div>

CSS

.image{
position: relative;
text-align: center;
display: table;
}

.caption{
    position: absolute;
background: black;
padding: 10px;
color: white;
    width: 100px;
    left: 50%;
    top: 50%;
  transform: translate(-50%, -50%);
}