Align text to bottom of a div

Use flex:

XHTML

<div class="wrap"> <span>Align me to the bottom</span> </div>

1 2 3

<div class="wrap">   <span>Align me to the bottom</span> </div>

CSS:

CSS

.wrap { height: 200px; width: 200px; border: 1px solid #aaa; margin: 10px; display: flex; } .wrap span { align-self: flex-end; }

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:

• https://stackoverflow.com/questions/17123327/align-text-to-the-bottom-of-a-div