JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top-to-bottom">
					<div id="a"></div>
					<div id="b"></div>
					<div id="c"></div>
					<div id="d"></div>
</div>

CSS

div#top-to-bottom {
	position: absolute;
    width:50px;
	text-align: left;
	float: left;
}
div#top-to-bottom > div {
	width: 50px;
	height: 50px;
	position: relative;
	float: right;
	display: block;
}
div#a {
    background:blue;
}
div#b {
    background:red;
}
div#c {
    background:purple;
}
div#d {
    background:green;
}