JSFiddle - React, Tailwind, and code Playground

by End_i

HTML

<div class="container">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin adipiscing pharetra elit semper condimentum. Fusce imperdiet dui vel justo eleifend dictum. Cras bibendum magna sit amet nisi lacinia aliquam.</p>
    
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus consectetur nisl ut metus sodales eget auctor enim gravida. Sed faucibus felis eget justo vehicula porta convallis leo lobortis. Cras vel blandit odio. Integer sed ante quis ipsum convallis adipiscing. Proin varius, odio id tincidunt aliquet, nisi ante adipiscing mi, porttitor rhoncus turpis justo vitae tellus. Curabitur commodo felis non mauris fermentum accumsan.</p>
</div>

CSS

div.container {
    height: 300px;
    display: table-cell;
    vertical-align: middle;
    background-color:#000;
    padding:20px;
}

p { color:#fff; margin:0 0 10px 0; }