JSFiddle - React, Tailwind, and code Playground

by kyong

HTML

<html>
    <body>
        <div id="sideBar">
            <h2>Side Bar</h2>
        </div>
        <div id="balanceSheetSummary">
            <h2>Content</h2>    
        </div>
    </body>
</html>

CSS

#sideBar {
    float: left;
    width: 275px;
    height: 50px;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    position: relative;
    background:#fff;
}

#balanceSheetSummary {
    width: 550px;
   
    height: 200px;
    border: 1px solid black;
    margin-top:-1px;
    background:red;
}

body { padding: 10px; }
h2 { margin: 5px; }