JSFiddle - React, Tailwind, and code Playground

HTML

<a href='#'>
    Test1
</a>

<a href='#'>
    Test2
</a>

<a href='#'>Test3</a> <!-- This is what I want it to look like (but without changing the HTML code) -->

<a href='#'>
    Test4
</a>

<a href='#'>
    Test5
</a>

CSS

a {
    margin-left: 5px;
    display: inline-block;
}