I'm trying to align a \[code\]<div>\[/code\] with a \[code\]<h2>\[/code\] inside it at the bottom of a parent div. The best way to show you is through code so here's the JSFiddle example: http://jsfiddle.net/3GGa7/As you can see, the \[code\]project-title\[/code\] div (and the \[code\]<h2>\[/code\] inside it) is aligned to the top of the \[code\]project-header\[/code\] div. I would like it to sink to the bottom of that div, to look like this:
However if I apply a \[code\]margin-top\[/code\] to \[code\]project-title\[/code\] it pushes everything down rather than just that div, and if I apply a padding the black background will cover the image.What's the most elegant way to accomplish this?