Column layout vertical align
I am hoping to achieve the following layout:

![enter image description here][1]

However, I cannot seem to get the text to align vertically properly.

I tried floating divs, but could not get it to work.

What is the simplest, most semantic way using the fewest elements of creating the above?
  [1]: http://i.stack.imgur.com/gvqYl.png
Column layout vertical align
===

I am hoping to achieve the following layout:

![enter image description here][1]

However, I cannot seem to get the text to align vertically properly.

I tried floating divs, but could not get it to work.

What is the simplest, most semantic way using the fewest elements of creating the above?
  [1]: http://i.stack.imgur.com/gvqYl.png