JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="column one">
    <div class="content">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et semper nisi. Quisque iaculis tellus vel ex sagittis laoreet. Vestibulum tempus pulvinar risus vel suscipit.</p>
    </div>
  </div>
  <div class="column two">
    <div class="content">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et semper nisi. Quisque iaculis tellus vel ex sagittis laoreet. Vestibulum tempus pulvinar risus vel suscipit.</p>
    </div>
  </div>
  <div class="column three">
    <div class="content">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et semper nisi. Quisque iaculis tellus vel ex sagittis laoreet. Vestibulum tempus pulvinar risus vel suscipit.</p>
    </div>
</div>

CSS

.container {
  display: flex;
  color: #fff;
  width: 80%;
  margin: 0 auto;
}

.container .column {
  flex: 1;
  border: dotted 1px #333;
}

.content {
  width: 75%;
  margin: 0 auto;
  text-align: justify;
  padding: 5px;
}

.one .content {
  background-color: #007aff;
  width: 50%;
}

.two .content {
  background-color: #333;
}

.three .content {
  background-color: #f60;
  width: 90%;
}