JSFiddle - React, Tailwind, and code Playground

by calder12

HTML

<div class="wrapper">
    <div class="header">
        <!--header stuff-->
        header
    </div>
    <div class="content">
        <!--content stuff-->
 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 
    </div>
    <div class="footer">
        <div class="footer-left">
            footer left
            <!--footer left side stuff-->
        </div>
        <div class="footer-right">
            footer right
           <!--footer right side stuff-->
        </div>
    </div>
</div>

CSS

.wrapper{
    width:300px;
    margin: 0 auto;
}
.footer-left{
    width:125px;
    float:left;
    background-color:yellow;
}
.footer-right{
    width:125px;
    float:right;
    background-color:red;
}
.header{
    background-color:green;
}
.content{
    background-color:blue;
}