Does ReflowPDF support the CSS property vertical-align?

Q: Does ReflowPDF support the CSS property vertical-align?

6 of 13 examples match Chrome. matches Chrome on some values: Some of the examples match Chrome and some do not. The count beside the verdict says how many — 11 of 12 — and the values that differ are listed on the property page. It is neither a pass nor a failure, and filing it under either would be a lie in one direction. Measured against Chrome on 13 examples; the renders and the difference maps are published at https://reflowpdf.com/conformance/css/vertical-align.

Dataset 20261011-0550-f160c57 · measured 2026-10-11 05:50 UTC

vertical-align

◐matches Chrome on some values6 of 13 examples match Chromecss-inline-3

Some of the examples match Chrome and some do not. The count beside the verdict says how many — 11 of 12 — and the values that differ are listed on the property page. It is neither a pass nor a failure, and filing it under either would be a lie in one direction.

Here: 6 of 13 examples match Chrome. The 7 that do not: vertical-align:20px, vertical-align:50%, vertical-align:super, vertical-align:40%, vertical-align:4px, vertical-align:calc(40% + 20px), vertical-align:calc(20px + 4px) — shown first below, each with its difference map.

What the specification says

Initial value: baseline
Applies to: see individual properties
Inherited: no
Percentages: N/A
Computed value: see individual properties
Syntax: [ first | last] || <'alignment-baseline'> || <'baseline-shift'>

css-inline-3 definition

The measurements

13 examples, 6 of them matching Chrome, the rest first. Each is one declaration on a small page, drawn by Chrome and by our engine. Drag the handle to wipe between them.

vertical-align:20px✕renders differently

Chrome of this test — Left of the line is our rendering; right of it is the chrome. Drag, or focus the slider and use the arrow keys.

Our render of this test — Left of the line is our rendering; right of it is the chrome. Drag, or focus the slider and use the arrow keys.

56,060 pixels differ from Chrome, the largest by 255 of 255 on one channel.

Differing pixels: 56,060
Max channel delta: 255

the example page

vertical-align:50%✕renders differently

49,157 pixels differ from Chrome, the largest by 255 of 255 on one channel.

Differing pixels: 49,157
Max channel delta: 255

the example page

vertical-align:super✕renders differently

1,428 pixels differ from Chrome, the largest by 48 of 255 on one channel.

Differing pixels: 1,428
Max channel delta: 48

the example page

vertical-align:40%✕renders differently

44,974 pixels differ from Chrome, the largest by 255 of 255 on one channel.

Differing pixels: 44,974
Max channel delta: 255

the example page

vertical-align:4px✕renders differently

20,263 pixels differ from Chrome, the largest by 255 of 255 on one channel.

Differing pixels: 20,263
Max channel delta: 255

the example page

vertical-align:calc(40% + 20px)✕renders differently

78,934 pixels differ from Chrome, the largest by 255 of 255 on one channel.

Differing pixels: 78,934
Max channel delta: 255

the example page

vertical-align:calc(20px + 4px)✕renders differently

63,638 pixels differ from Chrome, the largest by 255 of 255 on one channel.

Differing pixels: 63,638
Max channel delta: 255

the example page

vertical-align:text-top✓pixel-exact