JSFiddle - React, Tailwind, and code Playground

by Malik Naik

HTML

<div id="header">
    <img src="http://i2.wp.com/stuffled.com/wp-content/uploads/2014/09/Quora-Logo-EPS-vector-image.png" height="30" width="70" />
</div>
<div id="content">
<pre>sfsdfdf111
dsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
sdsfsd
fsd
f
sdf
sf
sf
s
</pre>
</div>

CSS

body {
    margin: 0px;
    padding: 0px;
}
#header{
    z-index: 999; background: #fff; padding: 10px; box-shadow: 0 0 3px -1px #000; position: fixed; width: 100%;
}
#content{
    position: absolute; margin-top: 50px; 
}