JSFiddle - React, Tailwind, and code Playground

by Amit Vishwakarma

HTML

<div class="cf">
    <img src="http://www.keenthemes.com/preview/conquer/assets/plugins/jcrop/demos/demo_files/image1.jpg">
    <p > Lorem Ipsum  </p>
      

</div>

CSS

div.cf
{
  background:red;
  padding:5px;
  position:relative;
  
}

.cf img
{
  width:100%;
}
.cf p
{
  position:absolute; 
  color:#fff;
  z-index:99;
  font-size:100%;
  top:50%;
  margin:-9px 0px;
  
}