JSFiddle - React, Tailwind, and code Playground

by burlesona

HTML

<!doctype html>
<html>
    <body>
        <div id="wrapper">
            Body Text
        </div>
        <div class="push"></div>
        <div id="footer">
            Footer Text
        </div>       
    </body>
</html>

CSS

div#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -70px;
}
div.push { height: 70px; }
div#footer {
    min-height: 70px;
    margin-top: 1em;
    padding-top: 1.5em;
    -webkit-box-shadow: 0px 0px 7px #333;
    -moz-box-shadow: -7px 0px 7px #333;
    box-shadow: 0px 0px 7px #333;
}