JSFiddle - React, Tailwind, and code Playground

by danield770

HTML

<h1>Hello Plunker!</h1>
<div class="container">    
    <div class="sideBar">
      <ul>
            <li><a href="#">ANALYTICS</a></li>
            <li><a href="#">STYLES</a></li>
            <li><a href="#">VOTERS</a></li>
            <li><a href="#">GET STARTED</a></li>
            <li><a href="#">UPDATE</a></li>
      </ul>
    </div>
    <div class="content">content</div>
</div>

CSS

*
{
    margin:0;padding:0;
}
html,body,.container, .sideBar, .content
{
    height: 100%;
}
h1
{
    height: 50px;
    line-height: 50px;
}
.container
{
    margin-top: -50px;
    padding-top: 50px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sideBar
{
    float:left;
    width: 100px;
    background: aqua;
    overflow:hidden;
}
.content
{
    overflow:hidden;
    background: yellow;   
}