JSFiddle - React, Tailwind, and code Playground

by dsri

HTML

<div id="container">
<div id="a"> <span id="aa">Text1</span></div>
<div id="b"> <span id="bb">Text2</span></div>
</div>

CSS

div#container{
    text-align: center;
   

    
}
span#aa{
    font-size: 75px;
    color: rgba(0, 0, 0, 0.5);
    background-color: Yellow;
    overflow: hidden;

}

span#bb{
    		font-size: 45px;
			color: rgba(0,0,0,0.5);
			background-color: red;
    
}