JSFiddle - React, Tailwind, and code Playground

by FlasJunior

HTML

<div class="box" style="height: 200px;">
    <div class="align-v border">
        text
    </div>
</div>

<div class="box">
    <div class="align-v border">
        Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
    </div>
</div>

CSS

.box{
    position:relativ;
    background:#ccc;
    width: 200px;
    margin-bottom:10px;
    clear:both;
}

.border{
    border:1px solid #000;
}


.align-v{ 
    position: relative;
    top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}