This is an attempt to render a table with text heights set by the smaller text, but still containing large text (for illustrating the shapes of the letters).
In the table below, observe that the red boxes in the second
column still enclose a substantial amount of vertical white space,
and the table still contains a lot of extra leading, despite the
line-height: 0px
in the .uni
class
style.
The style sheet is replicated below the table for reference.
U+0022 | " | QUOTATION MARK |
U+0027 | ' | APOSTROPHE |
U+02BB | ʻ | MODIFIER LETTER TURNED COMMA |
U+02BC | ʼ | MODIFIER LETTER APOSTROPHE |
U+02BD | ʽ | MODIFIER LETTER REVERSED COMMA |
U+2018 | ‘ | LEFT SINGLE QUOTATION MARK |
U+2019 | ’ | RIGHT SINGLE QUOTATION MARK |
U+201C | “ | LEFT DOUBLE QUOTATION MARK |
U+201D | ” | RIGHT DOUBLE QUOTATION MARK |
U+2032 | ′ | PRIME |
U+2033 | ″ | DOUBLE PRIME |
table { border: 1px solid; border-spacing: 0; } td { border: 1px solid red; } .uni { display: inline; font-size: 200%; line-height: 0px; vertical-align: bottom; margin: 0 2em 0 1em; }