JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
    <div id="one">1</div>
    <div id="two">2</div>
</div>

CSS

#wrap
{
  max-width: 400px;
  margin: auto;
  border: 2px solid black;
}
#wrap:after
{
    clear:both;
    content:'';
    display:block;
}
#one,#two
{
  float:left;
  width:50%;
}