Vertically Align an Element with CSS : vertical-align behavior

A while back, i posted an article on vertical alignment of an element using jquery - Vertically Align an Element with jQuery - Vertical Align an Anchor or Div. However, this is not always the best solution if you are applying the vertical alignment on standard content. A quick and compliant way to apply vertical-align to an element:

display:table-cell;
vertical-align:middle;

For more info, check out this excellent article: Understanding vertical-align , or "How (Not) To Vertically Center Content"