JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mycontainer">
    <ul>
        <li>a</li>
        <li>b</li>
        <li>c</li>
        <li>d</li>
        <li>e</li>
    </ul>
</div>

CSS

#mycontainer {
    width: 100px;
    height: 100px;
    background-color: #f0f0f0;
    text-align: center;
}
#mycontainer ul {
    font-weight: bold;
    text-transform: uppercase;
}
#mycontainer ul li {
    color: #f00;
}