JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.3/css/foundation.min.css">
<div class="row align-vertical">
  <div class="small-4 columns">
    <p>
      teste
      <br>
      teste
    </p>
  </div>
  <div class="small-4 columns">
    <p>
      Teste
    </p>
  </div>
  <div class="small-4 columns">
    <p>
      Teste
    </p>
  </div>
</div>

CSS

.row{
  background-color:yellow;
}
.align-vertical{
  align-vertical:middle;
}