JSFiddle - React, Tailwind, and code Playground

HTML

<div class="master">
    <div class="item">
        <a href="javascript:;">Textljfdsaadsflfas</a>
        <span>(10)</span>
    </div>
    <div class="item">
        <a href="javascript:;">Textfalsj</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-block;
    font-size: 11px;
    padding: 2px 2px 2px 0;
}

.item { display:inline; } /* DO NOT REMOVE, FOR IE */

.item a
{
    text-transform: uppercase;
}