Alignment Testing

This is to test solid ways of aligning elements on one line, without resorting to hackery. All of these items have different margins..and line-heights.

Baseline Alignment (inline - block) vertical-align:baseline;

Middle Alignment (inline - block) vertical-align:middle;

Top Alignment (inline - block) vertical-align:top;

Bottom Alignment (inline - block) vertical-align:bottom;

Text-top Alignment (inline - block) vertical-align:text-top;

Float Alignment float:left;

Hackery!! Text-top Alignment vertical-align:text-top;