JSFiddle - React, Tailwind, and code Playground

by nabtron

HTML

<div class="main">
<div class="one">
<p>
 something here and then here and here <br/>
 something here and then here and here <br/>
 something here and then here and here <br/>
 something here and then here and here <br/>
 something here and then here and here <br/>
 something here and then here and here <br/>
 something here and then here and here <br/>
 something here and then here and here <br/>
 something here and then here and here <br/>
 something here and then here and here <br/>
 something here and then here and here <br/>
 something here and then here and here <br/>
 something here and then here and here <br/>
 something here and then here and here <br/>
</p>
</div>
<div class="two">
<p>
something here too
</p>
</div>
</div>

CSS

.main {
  display: flex;
}

.one {
  vertical-align: middle;
}

.two {
  vertical-align: middle;
}