JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>balbalbala</li>
    <li>balbalbala</li>
    <li>balbalbala</li>
    <li>balbalbala</li>
    <li>balbalbala</li>
    <li>balbalbala</li>
</ul>

CSS

body {
    background: pink;
}

body * {
    padding: 5px;
    margin: 5px;
    border: 1px solid blue;
}

body ul {
    background: rgba(255, 255, 255, 0.5)
}

body ul li {
    color: #fff;
    background: rgba(0, 0, 0, 0.5)
}