JSFiddle - React, Tailwind, and code Playground

HTML

<div class="normal">
    <a href="#">Test</a>
    <a href="#">Test longer</a>
</div>
<div class="ib">
    <a href="#" style="display: block;">Test</a>
    <a href="#" style="display: block;">Test longer</a>
<div class="ib inlinebyclass">
    <a href="#">Test</a>
    <a href="#">Test longer</a>
</div>

</div>

CSS

body{background-color: gray;}
div{float:left; margin: 5px;}
a {background-color: black; color: white;}
div.ib a {display: block;}
div.normal > a {display: block;}
div.inlinebyclass> a {display: inline-block; }