JSFiddle - React, Tailwind, and code Playground

by noisy

HTML

<div id="wrapper">
    <div id="inner1">aaaaaaaaaaa</div>
    <div id="inner2">bbbbbbb</div>
</div>

CSS

#wrapper{
    margin-left:auto;
    margin-right:auto;
    height:auto; 
    width:auto;
}
#inner1{
    background-color: red;
    float:left;
    width: 50px;
    height: 50px;
}
#inner2{
    background-color: green;
    float:left;
    width: 50px;
    height: 50px;
    clear: left;
}