JSFiddle - React, Tailwind, and code Playground

by Joe Mottershaw

HTML

<div id="holder">
    <div id="menu">Menu</div>
    <div id="submenu">Sub Menu</div>
</div>
    <div id="content">
        Content<br />
        Content<br />
        Content<br />
        Content<br />
        Content<br />
        Content<br />
        Content<br />
        Content<br />
        Content<br />
        Content<br />
        Content<br />
        Content<br />
        Content<br />
        Content<br />
        Content<br />
        Content<br />
        Content<br />
        Content<br />
        Content<br />
        Content<br />
        Content<br />
        Content<br />
    </div>

CSS

#holder {
    width: 175px;
    position: fixed;
    float: left;
}

#menu {
    width: 100px;
    float: left;
}

#submenu {
    width: 75px;
    float: left;
}

#content {
    position: relative;
    left: 175px;
    float: left;
}