JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <div class = "Foo">
            <p>This is Foo.</p>
        </div>
        <div class = "Bar">
            <p>This is Bar.</p>
        </div>
        
        <br><br>
        
        <div class = "Foo"><p>This is Foo.</p></div><div class = "Bar"><p>This is Bar.</p></div>
    </body>
</html>

CSS

.Foo
{
    display: inline-block;
    width: 25%;
    background-color: lime;
}

.Bar
{
    display: inline-block;
    width: 25%;
    background-color: orange;
}