JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">
    <ul>
        <li>item 1</li>
        <li>item 2</li>
        <li>item 3</li>
        <li>item 4</li>
    </ul>
</div>
<div id="resto">
    <p>Resto do Conteúdo </p>
    <p>Resto do Conteúdo </p>
    <p>Resto do Conteúdo </p>
    <p>Resto do Conteúdo </p>
    <p>Resto do Conteúdo </p>
    <p>Resto do Conteúdo </p>
    <p>Resto do Conteúdo </p>
    <p>Resto do Conteúdo </p>
    <p>Resto do Conteúdo </p>
    <p>Resto do Conteúdo </p>
    <p>Resto do Conteúdo </p>
    <p>Resto do Conteúdo </p>
    <p>Resto do Conteúdo </p>
</div>
<div class="clear"></div>

CSS

#menu {
    width: 250px;
    float:left;
    background: blue;
}

#resto {
    margin-left: 250px;
    background: red;
}
.clear {
    clear: both;
}