<!DOCTYPE html><metacharset="utf-8"><title>CSS Values and Units Test: support for the ch unit</title><linkrel="author"title="Cameron McCormack"href="mailto:cam@mcc.id.au"><linkrel="help"href="https://drafts.csswg.org/css-values-3/#font-relative-lengths"><linkrel="match"href="reference/ch-unit-016-ref.html"><metaname="assert"content="The ch unit is equal to 0em if the zero glyph's advance is 0."><style>@font-face{font-family:ChTestZeroWidthZero;src:url(resources/ChTestZeroWidthZero.woff);}div{height:10px;background-color:blue;margin-top:10px;}.test{width:calc(100px+5ch);}.ref{width:100px;}</style><p>The test passes if there are two blue rectangles of equal length.</p><!-- The '0' glyph in ChTestZeroWidthZero has a horizontal advance of zero, so ch units should compute to 0em, resulting in the div being 100px wide. --><divclass="test"style="font: 20px ChTestZeroWidthZero;"></div><divclass="ref"></div>
