JSFiddle - React, Tailwind, and code Playground

by lottikarotti

HTML

<div id="wrapper">
    <div>
        <div id="b73"  class="box">73px</div>
        <div id="b23"  class="box">23px</div>
        <div id="b39"  class="box">39px</div>    
        <div id="b110" class="box">110px</div>
    </div>
</div>

CSS

#wrapper {
    position: absolute ;
    display: table ;
    vertical-align: bottom ;
    top: 10px ;
    left: 10px ;
    width: 300px ;
    height: 350px ;
    background-color: grey ;
}

#wrapper > div {
    display: table-cell ;
    vertical-align: bottom ;
}

.box {
    margin: 1px ;
    width: 100px ;
    background-color: lightgreen ;
}

#b110 {
    height: 110px ;
}

#b39{
    height: 39px ;
}

#b23 {
    height: 23px ;
}

#b73 {
    height: 73px ;
}