JSFiddle - React, Tailwind, and code Playground

by dimskraft

HTML

<div id="outer">
    
    <div id="first">&nbsp;</div>
    
    <div id="second">&nbsp;</div>
    
    <div id="third">&nbsp;</div>
</div>

CSS

#outer {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column; 
   flex-direction: column;
}

#first {
    background-color: red;
    width:100px;
    right:10px;
    align-self: flex-end;
    margin-right: 10px;
}

#third {
    background: blue;
    width: 100px;
   align-self: center;
}

#second {
    background-color: green;
    width:100px;
}