Return to Answer

Flexboxes can accomplish this by using align-items: flex-end; with display: flex; or display: inline-flex;

div#imageContainer { height: 160px; align-items: flex-end; display: flex; } 

JSFiddle example

CSS-Tricks has a good guide for flexboxes

Flexboxes can accomplish this by using align-items: flex-end; with display: flex; or display: inline-flex;

div#imageContainer { height: 160px; align-items: flex-end; display: flex;    /* This is the default value, so you only need to explicitly set it if it's already being set to something else elsewhere. */ /*flex-direction: row;*/ } 

JSFiddle example

CSS-Tricks has a good guide for flexboxes

Flexboxes can accomplish this by using align-items: flex-end; with display: flex; or display: inline-flex;

div#imageContainer { height: 160px; align-items: flex-end; display: flex; } 

JSFiddle example

CSS-Tricks has a good guide for flexboxes

Flexboxes can accomplish this by using align-items: flex-end; with display: flex; or display: inline-flex;

div#imageContainer { height: 160px; align-items: flex-end; display: flex; } 

JSFiddle example

CSS-Tricks has a good guide for flexboxes

Flexboxes can accomplish this by using align-items: flex-end; flex-direction: column; with display: flex; or display: inline-flex;

div#imageContainer { height: 160px; align-items: flex-end; display: flex; } 

CSS-Tricks has a good guide for flexboxes

Flexboxes can accomplish this by using align-items: flex-end; with display: flex; or display: inline-flex;

div#imageContainer { height: 160px; align-items: flex-end; display: flex; } 

JSFiddle example

CSS-Tricks has a good guide for flexboxes