JSFiddle - React, Tailwind, and code Playground

by Ying Chor Ding

HTML

<div class="counter">
    <span>TEXT</span>
    <img src="https://www.theplaceholdings.com/frontend/web/images/banner-main.jpg"/>
</div>

CSS

div.counter {
    position: relative;
    display: inline-block;
}
div.counter span {
    position: absolute;    
    text-align: left;
    height: 100%;
    width: 100%;
}
div.counter span:before {
   display: inline-block;
   vertical-align: left;
   height: 100%;
   content: '';
}