JSFiddle - React, Tailwind, and code Playground

by Ilia Lesnykh

HTML

<div class="myclass">
    <input type="checkbox" />
    <p>Здесь рандомный текст, которого может быть много.</p>
</div>

CSS

.myclass {
    border: 1px dotted #eee;
    width: 300px;
    margin: 30px;
    display: table;
}
input, p {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}