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;
H2: element
H3: element
paragraph element
css button
Middle Alignment (inline - block) vertical-align:middle;
H2: element
H3: element
paragraph element
css button
Top Alignment (inline - block) vertical-align:top;
H2: element
H3: element
paragraph element
css button
Bottom Alignment (inline - block) vertical-align:bottom;
H2: element
H3: element
paragraph element
css button
Text-top Alignment (inline - block) vertical-align:text-top;
H2: element
H3: element
paragraph element
css button
Float Alignment float:left;
H2: element
H3: element
paragraph element
css button
Hackery!! Text-top Alignment vertical-align:text-top;
H2: element
H3: element
paragraph element
css button