JSFiddle - React, Tailwind, and code Playground

by Carlos Garcia

HTML

<div id="messageBox1" style="background-color:yellow">
    <ul>
        <li>Hi there</li>
        <li>Hi there</li>
        <li>Hi there</li>
        <li>Hi there</li>
        <li>Hi there</li>
        <li>Hi there</li>
    </ul>
<div>

CSS

#messageBox1 li{padding: 5px 0;}
    #messageBox1 li:first-child{padding: 10px 0 0 0;}
    #messageBox1 li:last-child{padding: 0 0 10px 0; border: solid 1px red;}