JSFiddle - React, Tailwind, and code Playground

by Guillaume

HTML

<div id="menu"> 
    <ul> 
        <li>owepwew</li> 
        <li>owepwew</li> 
        <li>owepwew</li> 
        <li>owepwew</li> 
        <li>owepwew</li> 
        <li>owepwew</li> 
        <li>owepwew</li> 
        <li>owepwew</li> 
        <li>owepwew</li> 
        <li>owepwew</li> 
        <li>owepwew</li> 
        <li>owepwew</li> 
        <li>owepwew</li> 
        <li>owepwew</li> 
        <li>owepwew</li> 
        <li>owepwew</li> 
    </ul> 
</div>       

<div id="content">
    <h1>Page content</h1>
    I'm 800 px height
</div>

CSS

* {
    margin:0px;
    padding:0px;
}

html, body{
    padding: 0px ! important; /* for jsFiddle */
    height:100%;
    background:#eee;
}
#menu {
    background:#ccc;
    width:220px;
    height:100%;
    position: fixed;
    top: 0;
    left: 0;
}
#menu ul {
    height: 100%;
    overflow: auto;
}

#content {
    margin-left: 220px;
    height: 800px;
}