JSFiddle - React, Tailwind, and code Playground

by Mahendran Sakkarai

HTML

<div id="container">
    <img id="image" src="http://www.noao.edu/image_gallery/images/d4/androa.jpg"/>
    <p id="text">
        Hello World!
    </p>
</div>

CSS

#container
{
    height:40px;
    width:40px;
    position:relative;
}

#image
{    
    position:absolute;
    left:0;
    top:0;
    width:100px;
    height:100px;
}
#text
{
    z-index:100;
    position:absolute;    
    color:white;
    font-size:24px;
    font-weight:bold;
    left:20px;
    top:20px;
}