JSFiddle - React, Tailwind, and code Playground

by navinleon

HTML

<div>
  <div class="col">
      <div class="row">
        Row 1
      </div>
      <div class="row">
        Row 2
      </div>
      <div class="row">
        Row 3
      </div>
  </div>
  <div class="col">
      <div class="row">
        Row 1
      </div>
      <div>
        Row 2
      </div>
      <div>
        Row 3
      </div>
  </div>
  <div class="col">
      <div>
        Row 1
      </div>
      <div>
        Row 2
      </div>
      <div>
        Row 3
      </div>
  </div>
</div>

CSS

.col{
  display: inline-block;
  width: 27%;
  padding-left: 20px;
  padding-right: 20px;
  border: 1px solid red;
  vertical-align:top;
}
.row{
  padding-top: 20px;
  padding-bottom: 20px;
  vertical-align:top;
}