JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    
<div id="menu">
menu
</div>
    
<div id="content">
    <p>bla bla</p>     
    <p>bla bla</p>   
    <p>bla bla</p>   
    <p>bla bla</p>   
    <p>bla bla</p>
    <p>bla bla</p>   
    <p>bla bla</p>   
    <p>bla bla</p>   
    <p>bla bla</p>   
</div>
    
</div>

CSS

*{
margin:0;
padding:0;
}

#wrapper {
width: 890px;
margin: 0 auto;
background:red;
}

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

#content {
background:blue;
margin-left: 185px;
}