text-align-02-b

51.5% of the ink matches
fail - measured over 17677 pixels carrying ink in either image.

W3C reference (context only, see #200)

W3C reference (context only, see #200)

Foxglove

Foxglove

Difference

Difference
In the difference panel, red marks pixels that differ beyond tolerance and grey marks matching content. The tinted band, where present, is the <text id="revision"> legend every test carries: it renders in a fallback font this library cannot match, so it is excluded from the comparison entirely rather than failing every test.

What this test checks

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.

View the source document at W3C