JSFiddle - React, Tailwind, and code Playground

by Tim BĂĽthe

HTML

<div id='parent'>
    <div id='arrowLeft'></div>
    <div id='arrowRight'></div>
</div>

CSS

body {
    padding:0 50px;
}
#parent {
    background:#ccc;
    position:relative;
    width:600px;
    height:400px
}

#arrowLeft {
    background:red;
    width:40px;
    height:50px;
    position:absolute; left:-40px; top:50%;
    margin-top:-25px
}

#arrowRight {
    background:red;
    width:40px;
    height:50px;
    position:absolute; right:-40px; top:50%;
    margin-top:-25px
}