JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
<div id="slider"></div>
<div id="navi">
    <ul>
        <li><a href="#">1.link</a></li>
        <li><a href="#">2.link</a></li>
    </ul>
</div>
</div>

CSS

#wrapper {height:300px; width:500px; background:grey; position:relative;}
#slider {height:200px; width:400px; background:red; position:absolute; top:10px; left:10px; z-index:10;}
#navi {height:50px; width:80px; background:white; position:absolute; top:20px; left:20px; z-index:15;}