JSFiddle - React, Tailwind, and code Playground

by tchalvakspam

HTML

<hr style="width: 80%">
    <div class="table">
        <div>
        <div style="display: table-row">
            <div class="img">
            </div>
            <div style="display: table-cell; vertical-align: middle">
                <h2 style="color: #D7181E;">
                    Celina Tio</h2>
                <h4>
                    Proprietor of Julian</h4>
                2005 Best Chef by Chef Magazine, 2007 James Beard Best Chef: Midwest and Bravo TV
                Star</div>
        </div>
</div>
        <hr style="width: 80%">
<div>
        <div style="display: table-cell; vertical-align: middle">
            <h2 style="color: #D7181E;">
                Colby Garrelts</h2>
            <h4>
                Proprietor of Bluestem</h4>
            Repeat nominee for James Beard Best Chef: Midwest, Food &amp; Wine 2005 Top 10 Best
            New Chef and Cookbook Author
        </div>
        <div class="img">
        </div>
</div>
    </div>

CSS

.table{width:90%;display:table}

.img{width:225px;height:225px;background:red;display:table-cell}