JSFiddle - React, Tailwind, and code Playground

by KARTHIKEYAN K

HTML

<div id="container">One</div>
           <div id="container1">
               <div class="Test">
                   <h1>Hello World</h1>
               </div>
           </div>>
                      <div id="container2">
               <div class="Test1">
                   <h1>Hello World</h1>
               </div>
           </div>>

CSS

#container {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position:absolute;
    background-color: springgreen;
}

#container1
{
    margin-top:50%;
}

.Test
{
    text-align: center;
    padding: 50px;
}


#container1
{
    margin-top:50%;
}

.Test1
{
    text-align: center;
    padding: 50px;
    color:red;
}