JSFiddle - React, Tailwind, and code Playground

by anmol sandal

HTML

<div class="demo">
  <img style="vertical-align:middle" src="https://placehold.it/200x200">
  <span style="">Product</span>
</div>

CSS

.demo {
  width:200px;
  position:relative;
}
.demo span{
  position:absolute;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  margin: -9px auto 0;
}