JSFiddle - React, Tailwind, and code Playground
by Alexander Malinov
HTML
<div class="inputs month">
<select>
<option>-</option>
<option>Я</option>
<option>Ф</option>
<option>М</option>
<option>А</option>
<option>И</option>
<option>С</option>
<option>О</option>
<option>Н</option>
<option>Д</option>
</select>
<select>
<option>-</option>
<option>н</option>
<option>е</option>
<option>а</option>
<option>п</option>
<option>ю</option>
<option>в</option>
<option>к</option>
<option>о</option>
</select>
<select>
<option>-</option>
<option>в</option>
<option>р</option>
<option>й</option>
<option>н</option>
<option>л</option>
<option>г</option>
<option>т</option>
<option>я</option>
<option>к</option>
</select>
<select>
<option>-</option>
<option>а</option>
<option>р</option>
<option>т</option>
<option>е</option>
<option>ь</option>
<option>у</option>
<option>я</option>
<option>б</option>
</select>
<select>
<option>-</option>
<option>а</option>
<option>р</option>
<option>т</option>
<option>е</option>
<option>ь</option>
<option>у</option>
<option>я</option>
<option>б</option>
</select>
<select>
<option>-</option>
<option>р</option>
<option>а</option>
<option>л</option>
<option>с</option>
<option>я</option>
<option>б</option>
</select>
<select>
<option>-</option>
<option>р</option>
<option>а</option>
<option>л</option>
<option>с</option>
<option>я</option>
<option>б</option>
</select>
<select>
<option>-</option>
<option>ь</option>
<option>л</option>
<option>т</option>
<option>б</option>
<option>р</option>
</select>
<select>
<option>-</option>
<option>ь</option>
<option>р</option>
</select>
<select>
<option>-</option>
<option>ь</option>
</select>
</div>
<div class="inputs year">
<select>
<option>-</option>
...
CSS
.inputs {
display: flex;
margin-bottom: 10px;
}