JSFiddle - React, Tailwind, and code Playground

by ggChris

HTML

<ul id="unordered_list">
        <li>This is an unordered list.</li>
        <li>All items in this list should have a yellow background.</li>
        <li>Just the items though - not the whole list!</li>
    </ul>

    <ol id="ordered_list">
        <li>This is an ordered list.</li>
        <li>All items in this list should have a teal background.</li>
        <li>Just the items thought - not the whole list!</li>
    </ol>

CSS

#unordered_list {
background-color: yellow;
    padding-left:0;
    margin-left:40px;
}

#ordered_list li{
background-color: rgb(2, 132, 130);
}