JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="inner">what
        <br/>what
        <br/>what
        <br/>what
        <br/>what
        <br/>what
        <br/>what
        <br/>what
        <br/>what
        <br/>what
        <br/>what
        <br/>what
        <br/>what
        <br/>what
        <br/>what
        <br/>what
        <br/>what
        <br/>what
        <br/>what
        <br/>
    </div>
</div>

CSS

#wrapper {
    background: url("http://placekitten.com/400/300") no-repeat 50% 0 scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100%;
}
#inner {
    margin: 0 auto;
    height: 100%;
    width: 980px;
}