JSFiddle - React, Tailwind, and code Playground

HTML

<div class="master">
    <div class="item">
        <a href="javascript:;">Text</a>
        <span>(10)</span>
    </div>
    <div class="item">
        <a href="javascript:;">Text</a>
        <span>(10)</span>
    </div>
    <div class="item">
        <a href="javascript:;">Text</a>
        <span>(10)</span>
    </div>
    <div class="item">
        <a href="javascript:;">Text</a>
        <span>(10)</span>
    </div>
</div>

CSS

.master
{
    width: 160px;
}

.item
{
    display: inline;
    font-size: 11px;
    padding: 2px 2px 2px 0;
    white-space: nowrap;
}

.item a
{
    text-transform: uppercase;
}