JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    
    <head>
        <meta http-equiv="cache-control" content="no-cache" />
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <title>Page</title>
        <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
    
    <body>
        <div id="header">
            <div id="headerContent"></div>
        </div>
        <div id="content">
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
            <br />
        </div>
        <div id="footer">
          <span class="links">
            <a>Terms</a>
            <a class="left">Privacy</a>
            <a class="left">Contact</a>
          </span>
            <br /> <span class="copyright">(c) Something</span>

        </div>
    </body>

</html>

CSS

body {

    background: #fdfdfd;

    font-family: Verdana, Geneva, Arial, sans-serif;

    font-size:small;

}

/*
 * HEADER
 */

#header {

    position:fixed;

    z-index:10;

    top:0px;

    right:0px;

    left:0px;

    height:60px;

    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);

    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);

    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);

    background-color:#fff;

    color:#fff;

}

#headerContent {

    margin-left: auto;

    margin-right: auto;

    width:850px;

    margin-top:4px;

}

/*
 * CONTENT
 */

#content {

    margin-top:45px;

    text-align: left;

    width: 850px;

    margin-left: auto;

    margin-right: auto;

    color:#666;

    background: #fff;

    font-size:15px;

}

/*
 * FOOTER
 */

#footer {

    position:absolute;

    bottom:0px;

    width:100%;

    background-color:#aaa;

    color:#fff;

    text-align:center;

    height: 100px;

    left:0px;

}

#footer .links {

    position: relative;

    top:35px;

    color:#eee;

}

#footer .left {

    margin-left: 20px;

}

#footer a:hover {

    text-decoration: underline;

}

#footer .copyright {

    position:relative;

    top:35px;

}