JSFiddle - React, Tailwind, and code Playground

HTML

<div class="horizontal">
    <div>A</div>
    <div>B</div>  
    
    <div class="vertical">
        <div>X</div>
        <div>Y</div>
    </div>
</div>

CSS

.horizontal > div {
    display : inline-block;
}