JSFiddle - React, Tailwind, and code Playground

by yoowordpress

HTML

<div class="gh">uygu7yuh</div>
<div class="main">
<div class="hg">fff</div>
</div>
<div class="hh"></div>

CSS

.main{
     width:500px;
    background:blue;
    margin:0 auto;
}
.hg{height:300px;}

.gh{/*width:100%;*/
    height:100px;
    background:black;
}
.hh {
    background: none repeat scroll 0 0 #FF0000;
    height: 100px;
    left: 50%;
    margin-left: 250px;
    position: absolute;
    top: 100px;
    width: 100%;
}

body {
    margin: 0;
    overflow: hidden;
    padding: 0;
}