JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="content">
        <p>Context text</p>
        <table border=0>
            <thead>
                <tr>
                    <th>AAAA</th>
                    <th>BBBB</th>
                    <th>CCCC</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                 </tr>
                <tr>
                    <td>4</td>
                    <td>5</td>
                    <td>6</td>
                 </tr>
            </tbody>
          </table>
    
    </div>
    <div id="sidebar">
        <p>Sidebar text</p>        
    </div>
</div>

CSS

#container{
width: 900px;
}

#content {
width: 580px;
height:auto;
    float:left;
    background-color: orange;
}     

#sidebar {
width: 270px;
height:auto;
float:left;
    background-color: blue;
}