JSFiddle - React, Tailwind, and code Playground

by mikea80

HTML

<div class="row">
    <div class="main">
        <p>I'm main!</p>
    </div>
    <div class="sidebar"><p>I'm a sidebar!</p></div>
</div>

CSS

.row {
    margin: 0 auto;
    width:704px;
}
.main {
    display:inline-block;
    float:right;
    width: 500px;
    border: 1px solid green;
}
.sidebar {
    display:inline-block;
    float: right;
    width: 200px;
    border: 1px solid red;
}