How to move div vertically down using CSS

Question

I'm new to CSS and I'd like to move a div section down (pls see attached image below):

How do I make the div.title "float down" so that it neatly settles to the bottom left corner of the main div (aqua coloured box).

I've tried vertical-align but it doesnt work.

Answer 1

Give margin-top

div{margin-top:10px;}

Answer 2

You could make your blue div position: relative and then give the div.title position:absolute; and bottom: 0px

Here is a working demo.. http://jsfiddle.net/gLaG6/