JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">

  <div class="left">
    <h3>
    Title (should be aligned to top)
    </h3>
    <div class="content">
    left<br>
    left<br>
    left<br>
    left<br>
    </div>
  </div>
  
  <div class="right">
  <h3>
  Title (should be aligned to top)
  </h3>
  <div class="content">
  right
  </div>
  </div>

</div>

CSS

.wrapper {
  overflow: auto;
  border: 1px solid #ccc;
  text-align: center;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      align-items: center;
}

.left, .right {
        float: left;
        width: 45%;
        padding: 5px;
}