JSFiddle - React, Tailwind, and code Playground

by willyrybone

HTML

<div id="page-wrap"> 
    <div id="sidebar"> 
        <p>this is some</p> 
        <p>sidebar content</p> 
    </div> 
    <div id="main-content"> 
        <p>This is some</p> 
        <p>centered main content</p> 
    </div> 
<div>

CSS

#page-wrap {
                width: 960px;
                margin: auto;
            }
 
#sidebar  {
                float:left;
                width: 100px;
                background: #eee;
            }
 
#main-content {
                text-align:center;
                background:#bbb;
            }