JSFiddle - React, Tailwind, and code Playground

HTML

<div class="name">
    <ul>
        <li>1</li>
        <li>Text</li>
        <li>5</li>
        <li>Text</li>
        <li>3</li>
        <li>Text</li>
        <li>4</li>
        <li>Text</li>
        <li>5</li>
        <li>Text</li>
        <li>6</li>
        <li>Text</li>
        <li>7</li>
        <li>Text</li>
<ul>

CSS

*{
        font-family:"Trebuchet MS", Helvetica, sans-serif;
}
.name{
    position:relative;
    width:90%;
    margin:0;
    margin-left:5%;
    background:#e7e7e7;
    padding:0;
}
div.name li{
    color:#2E99DB;
    width:2%;
    display:inline-block;
}
div.name li:nth-of-type(even){
    color:#000;
    width:21%;
    display:inline-block;
}