JSFiddle - React, Tailwind, and code Playground

HTML

<div class="page_background">
    <div class="page">
        Here is some content<br>
        Here is some content<br>
        Here is some content<br>
        Here is some content<br>
        Here is some content<br>
        Here is some content<br>
        Here is some content<br>
        Here is some content<br>
        Here is some content<br>
        Here is some content<br>
        Here is some content<br>
        Here is some content<br>
        Here is some content<br>
        Here is some content<br>
    </div>
</div>

CSS

html, body {
    margin:0; /** This is new **/
    height: 100%;
    font-style: Helvetica;
}
.page_background, .page {
    margin: 0 auto;
}
.page_background {
    width: 100%;
    min-height: 100%;
    background: -webkit-linear-gradient(#282828, #888888);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#282828, #888888);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#282828, #888888);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#282828, #888888);
    /* Standard syntax */
    position: absolute;
    height: 100%;
}
.page {
    background-color: #FFF;
    width: 85%;
    min-height:100%;
}