Typography and Web Fonts - The CSS - page 155

sub {
font-size: 1em;
vertical-align: sub;

}
span {
font-size: 0.6em;

}

[...]
<p>Baseline xyx ^{xyx Sup <span>xyx</span>} xyx
➥ Baseline <span>xyx</span> <sub>xyx Sub <span>xyx</span>

➥ </sub> xyx Baseline</p>

Figure 9.2 Line boxes and vertical alignment with original baseline in black and
baselines for sub and super in gray.

Additional Font Styling
There's more to typography than simply specifying a typeface. CSS
provides a rich set of tools for adjusting and customizing the display
of text.

text-decoration
You can set underlines, strikethrough, or other text decorations (yes, even
blink) via the text-decoration property. These decorations are drawn
separately from borders and are applied only to text.

■ underline : Each line of text is underlined.
■ overline : Each line of text has a line drawn above it.