JSFiddle - React, Tailwind, and code Playground

HTML

<div id="page">
    <div id="side">
        <p>my sidebar</p>
    </div>
    <div id="content">
        <p>my content</p>
        <p>my content1</p>
        <p>my content2</p>
        <p>my content3</p>
    </div>
</div>

CSS

#page{
    position:relative;
    width:400px;
    background-color: #F4F0EC;
    border:3px solid #000;
}
#side{
    
    border:3px solid #000;
    float:left;
}
#content{
    float:left;
     border:3px solid #000;
    
}