JSFiddle - React, Tailwind, and code Playground

by bakhshi

HTML

<div class="row">
    <div class="container">
        <div class="bar" style='top:0'></div>
        <div class="bar" style='top:50px'></div>
        <div class="bar" style='top:100px'></div>
    </div>
</div>

CSS

.bar {
    width: 25%;
    position:absolute;
    left:50%;
    border:solid 1px black;
    height: 50px;
}
.container {
    position:absolute;
    width: 100%;
    left:0;
    height:150px;
    top:0px;
    bottom:0;
    margin-top: auto;
    margin-bottom:auto;
    border:solid 1px blue;
}

.row{
    position:relative;
    width:500px;
    height:200px;
    border:solid 1px red;
}