Pro HTML5 and CSS3 Design Patterns

CHAPTER 12 ■ ALIGNING CONTENT

Subscript and Superscript

HTML

<h1>Subscript and Superscript</h1>

<p class="large">sub<sub>1</sub> super<sup>2</sup> M<sup>lle</sup></p>

CSS

sub { vertical-align:-0.5em; font-size:0.75em; }

sup { vertical-align:0.5em; font-size:0.75em; }

.large { font-size:32px; }

CSS Internet Explorer

sub { font-size:0.9em; }

sup { font-size:0.9em; }