text-align-02-b.svg

Run the test. No interaction required.

This three lines test property 'baseline-shift'. The first line tests 'baseline-shift:7' (i.e., a length for 'baseline-shift'). The pink text should be shifted upwards by an amount approximately half of the height of the text. The second line tests 'baseline-shift:-70%' (i.e., a percentage for 'baseline-shift'). The pink text should shift downward by about the height of the text. The third line tests the three keywords 'sub', 'super' and 'normal'. The string "sub" should be shifted downwards, the string "super" shifted upwards, and the string "te" (in blue) aligned with the remainder of the text in the line.

Test the 'baseline-shift' property (horizontal).