JSFiddle - React, Tailwind, and code Playground

by Vladimir

HTML

<div id="main-site">
    <header>
        <div id="precontent-left"></div>
        <div id="header-content">
            <div>
            Some content here<br />
            Some content here<br />
            Some content here<br />
            Some content here<br />
            </div>
        </div>
        <div id="precontent-right"></div>
    </header>
</div>

CSS

body {
    background: red;
    min-width: 100%;
}
#main-site {
    width: 960px;
    margin:20px auto 0;
    background: #FFF;
}
header {
    height: 210px;
    position: relative;
    width: 100%;
}
#header-content div {
    padding: 0 120px;
}
#precontent-left,
#precontent-right {
    background: url('http://placekitten.com/g/200/300');
    width:200px;
    height: 200px;
    position: absolute;
    top: 0;
}
#precontent-left {
    left: -100px;
}
#precontent-right {
    right: -100px;
}