JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <div class="outerContainer">
          <div class="innerContainer">
            <div class="element">
                <p>Some Text</p>
            </div>
          </div>
        </div>
    </li>
    <li>
        <div class="outerContainer">
          <div class="innerContainer">
            <div class="element">
                <p>A bit more text that goes on 2 lines</p>
            </div>
          </div>
        </div>
    </li>
    <li>
        <div class="outerContainer">
          <div class="innerContainer">
            <div class="element">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tempus rutrum massa, eleifend aliquet nisi euismod at. In hac habitasse platea dictumst. Integer nunc odio, feugiat vitae facilisis id, consequat nec erat. Quisque sed suscipit sapien. Quisque orci quam, dictum in sagittis sed, egestas sed nisi. In hac habitasse platea dictumst. Vivamus mauris mi, posuere laoreet varius vel, mattis aliquam libero. Duis mauris turpis, fringilla ac ullamcorper ac, tincidunt eu ante. Maecenas sed quam risus. Ut quis nisl neque, a convallis metus. Praesent ornare ornare tristique. Curabitur diam nisi, egestas at pellentesque in, placerat viverra dolor. Maecenas blandit, tellus vitae ultricies tincidunt, risus sem congue ipsum, ac vulputate enim sapien ut eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nec varius ipsum. Quisque vehicula laoreet turpis.</p>
            </div>
          </div>
        </div>
    </li>
</ul>

CSS

.outerContainer {
    display: table;
    width: 100px; /* width of parent */
    height: 100%;
    overflow: hidden;
}
.outerContainer .innerContainer {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
li {
    background: #ddd;
    width: 100px;
    height: 100%;
    font-size: 0.8em;
    padding: 20px;
    margin-bottom: 10px;
    border:1px dashed #aaa;

}
ul {
    margin-left: 40px;
    margin-top: 30px;
}