JSFiddle - React, Tailwind, and code Playground

HTML

<div id="navbar">
        <ul>
            <li>Nav 1</li>
            <li>Nav 2</li>
            <li>Nav 3</li>
        </ul>
    </div>

    <div id="content">
    </div>

CSS

html, body {
    height:100%;
    margin: 0;
    padding: 0;
    border: 0;
    background-color:red;
}

#content {
    height:100%;
    float:left;
    background-color:blue;
    /*margin: 0 0 0 200px;*/
}

#navbar{
    height:100%;
    width:200px;
    float:left;
    background-color:yellow;
}