JSFiddle - React, Tailwind, and code Playground

by Rich Costello

HTML

<ul>
    <li class="item-131">text 1</li>
    <li class="item-132">text 2</li>
    <li class="item-133">text 3</li>
</ul>

CSS

ul {
    font-size: 16px;
}
ul li {
    min-height: 15px;
    line-height: 15px;
    margin: 0 auto;
    padding: 5px 20px 5px 5px;
}

ul li:after {
    font-size: 13px;
    color: #88857d;
    width: 100%;
    display: block;
}


.item-131:after {
    content:"small text 1"; 
    border:solid 2px red;
}
.item-132:after {
    content:"small text 2";
}
.item-133:after {
    content:"small text 3";
}