JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width: 300px; background: #aaa">
    <ul>
        <li><a href="#">txt</a>
        <li><a href="#">text 2</a>
        <li><a href="#">textik</a>
    </ul>
    <br clear="all">
</div>

CSS

ul {
    list-style: none;
}

li a {
    display: block;
    height: 20px;
    background: red;
    padding: 2px 7px;
}

li {
    margin-right: 2px;
    float: left;
}