JSFiddle - React, Tailwind, and code Playground

by Aleksey Karagodnikov

HTML

<div class='pat'>
    <div class='ch1'>А</div>
    <div class='ch2'>Б</div>
</div>
<div class='pat'>
    <div class='ch1'>А</div>
</div>

CSS

.pat {
    display: table;
    width: 120px;
}
.ch1, .ch2 {
    display: table-cell;
}
.ch2 {
    background-color: #faafee;
    width: 40px;
}
.ch1 {
    background-color: #feefaa;
}