JSFiddle - React, Tailwind, and code Playground

by Burak Şahin

HTML

<div id="paragraf">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nibh quam, dignissim nec posuere id, facilisis at metus.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nibh quam, dignissim nec posuere id, facilisis at metus.</p>
</div>

CSS

#paragraf {
    height: 200px;
    width: 500px;
    background: #DC635B;
    color: #fff;
    padding:10px;
    display: table;
}
#paragraf p {
    display: table-cell;
    vertical-align: middle;
}