JSFiddle - React, Tailwind, and code Playground

by ronnjoe

HTML

<div id="randomContainer">
    <div id="imageContainer">
        <img src="http://dummyimage.com/50x50/f0f/fff" alt=""/>
        <img src="http://dummyimage.com/50x60/f0f/fff" alt=""/>
        <img src="http://dummyimage.com/50x70/f0f/fff" alt=""/>
        <img src="http://dummyimage.com/50x80/f0f/fff" alt=""/>
    </div>
    <div id="navigationContainer">
        // navigation stuff
    </div>
</div>

CSS

div#imageContainer {
    background: #ccc;
    
    height: 160px;  
    vertical-align: bottom;
    display: table-cell;
}

#imageContainer img {
    vertical-align: bottom
}