JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="ul1">
    <li>Apple
    <li>Banana
    <li>Cherry
</ul>

<ul id="ul2">
    <li>Apple
    <li>Banana
    <li>Cherry
</ul>

CSS

#ul1 {
    background-color: cyan;
    padding-top: 20px;
    padding-bottom: 20px;
}

#ul2 {
    background-color: yellow;
    padding: 20px initial;
}