JSFiddle - React, Tailwind, and code Playground

by dusset

HTML

<div id="wrapper">
    <div id="header">
        <h1>Test</h1>
    </div>
</div>

CSS

* { margin:0; padding:0; }

body, html { height:100%; background-color:#ccc;}

#wrapper {
    width:960px;
    margin:0 auto;
    background-color:#ccc;
}
#header {
    width:100%;
    height:150px;
background: #a90329; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
background: -webkit-gradient(linear, 0 100%, 0 0, from(#a90329), color-stop(0.44, #8f0222), to(#6d0019));
background: -webkit-linear-gradient(#a90329 0%, #8f0222 44%, #6d0019 100%);
background: -moz-linear-gradient(#a90329 0%, #8f0222 44%, #6d0019 100%);
background: -o-linear-gradient(#a90329 0%, #8f0222 44%, #6d0019 100%);
background: linear-gradient(#a90329 0%, #8f0222 44%, #6d0019 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
    overflow:hidden;
}

h1 {
    position:relative;
    top:100px;
    left:30px;
    font-size:60px;
    font-family:Helvetica, sans-serif;
    color:#ccc;
}