JSFiddle - React, Tailwind, and code Playground

by Ram Tobolski

HTML

<div class="container">
  <div class="box1">
    <div>aaaaaaaaaaaaaaaaaa</div>
     <div>cc</div>

  </div>
   <div class="box2">
    <div>bbbbbbbbbbbb</div>
    <div>ddddddd</div>
  </div>
</div>

CSS

.container{
  display:flex;
  flex-direction:row;
 justify-content: space-between;
}

.box1,.box2{
  display:flex;
  flex-direction:column;

}

div{
  border-style:solid;
  border-width:1px;
}