JSFiddle - React, Tailwind, and code Playground

by Alexey Lisovy

HTML

<p>xxx <span class="block"><span>100x100</span></span> xxx</p>

CSS

p {
        border: 1px solid #0a0;
}
.block {
        display: inline-block;
        width: 100px;
        height: 100px;
        background: #aa0;
        vertical-align: middle;
}
span
{
    vertical-align: middle;
    line-height: 60px;
}