JSFiddle - React, Tailwind, and code Playground

by karin

HTML

<div id="container">
    <ul>
        <li>test1</li>
        <li>test2</li>
        <li>test3</li>
        <li>test4</li>
    </ul>
    <div class="inner-container"></div>
</div>

CSS

#container{
    position:relative;
    width:75%;
    height:300px;
    background:palegreen;
}
.inner-container{
    width:100%;
    height:100px;
    background:pink;
    margin-top:-50px;
}
ul li{
    background:#555;
    width:60px;
}