Use flex:
1 2 3 |
<div class="wrap"> <span>Align me to the bottom</span> </div> |
CSS:
1 2 3 4 5 6 7 8 9 10 11 |
.wrap { height: 200px; width: 200px; border: 1px solid #aaa; margin: 10px; display: flex; } .wrap span { align-self: flex-end; } |
Reference: