JSFiddle - React, Tailwind, and code Playground

by Aleksey Karagodnikov

HTML

<div class="box">
    <img class="logo" src="http://photomotion.ru/uploads/users/1/1226568467.jpg" alt="" />
    <div class="text-wrapper">
        <div class="text">
            <p>Какой-то текст. Заголовок</p>
            <p>Какой-то текст</p>
        </div>
    </div>
</div>
<div class="box">
        <img class="logo" src="http://photomotion.ru/uploads/users/1/1226568530.jpg" alt="" />
    <div class="text-wrapper">
        <div class="text">
            <p>Какой-то текст. Заголовок</p>
            <p>Какой-то текст</p>
        </div>
    </div>
</div>

CSS

.box {
    border: 1px solid black;
    display: table;
    float: left;
    height: 500px;
    margin: 0 0 0 1%;
    min-width:250px;
    text-align: center;
}
.logo {
    border: 1px solid #f00;
    display: table-row;
    margin: 0 auto;
}
.text-wrapper {
    display: table-row;
    height: 100%;
}
.text {
    border: 1px solid #00f;
    display: table-cell;
    vertical-align: middle;
}