JSFiddle - React, Tailwind, and code Playground

by rohitazad

HTML

<div id="background"><img src="images/backgroundimage.png" width="100%" height="100%">

 </div>

 <div id="content">

 <p> Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content Here is some content</p>
 </div>

CSS

#background
{
position:absolute; 
width:100%; 
height:100%; 
margin:0px; 
padding:0px; 
left:0px; 
right:0px;
z-index:1;
text-align: center;
}

#content
{
margin-left: auto;
margin-right: auto;
 width: 200px;
 z-index: 2;
 position: absolute;
    left:50%;
    margin-left:-100px;
}