JSFiddle - React, Tailwind, and code Playground

HTML

<main>
        <article>

        </article>
        <aside>

        </aside>
    </main>

CSS

main::after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
}
main{
    width: 200px;
    min-height: 300px;
    margin: 0 auto;
    background: red;
    margin-top:20px;
    margin-bottom: 20px;
}
main article{
    width: 100px;
    min-height: 200px;
    background: rosybrown;
    float: right;

}
main aside{
    width: 100px;
    min-height: 400px;
    float: left;
    background: blue;
}