JSFiddle - React, Tailwind, and code Playground

by Kyle

HTML

<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
<div id="navElementparent">
    <div id="navProper">
    Menu: Home: Stuff: Nav: OMG: 
    </div>
</div>
<div class="content">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra lacinia neque id volutpat. Duis convallis sodales massa, id iaculis erat tincidunt nec. Curabitur nunc enim, laoreet at varius sed, posuere ac tortor. Sed vestibulum leo vitae felis scelerisque sollicitudin at non quam. Morbi a libero sed urna feugiat auctor in et dolor. Fusce non orci a velit molestie sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean cursus hendrerit velit non eleifend. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed pulvinar tellus viverra elit sagittis sit amet posuere nulla lobortis. Mauris a magna eu dolor lacinia feugiat id id arcu. Sed eu ante a lacus condimentum convallis ut quis libero. Praesent vitae neque urna, quis fringilla est. Vivamus viverra, urna in fermentum vestibulum, lorem ipsum suscipit sapien, id mollis diam mauris in odio. In egestas venenatis lobortis. Donec a lectus libero. Quisque semper condimentum velit, a dapibus ligula dapibus sed. Vestibulum eleifend sollicitudin est, ut mattis sem volutpat eu. Suspendisse ut lectus leo, sit amet mollis orci. Aenean ac nulla at dolor eleifend semper sed et ipsum.
</div>

CSS

#navElementparent
{
   position: fixed;
    width: 100%;
   background-color: #f00;
}

#navProper
{
    margin: 0 auto;
    width: 50%;
    background-color: #00f;
    text-align: center;
}

.content
{
    height: 1000px;
    width: 200px;
    margin-top: 20px;
}