JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
         This is awesome This is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesom This is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesomThis is awesom
    </li>
    <li>
         This is awesome 
    </li><li>
         This is awesome 
    </li><li>
         This is awesome 
    </li>
 
<ul>

CSS

li {
        width: 200px;
        height: 250px;
        border: 1px solid #000;
        display: table-cell;
        margin: 5px;
        vertical-align:middle;
    
    }