Vertical Alignment
This example uses default settings for the "sub" and "sup".
Enjoy mountain spring H2O - it's 105 times better than tap† water!
†This means water provided through a municipal distribution system
This example uses custom-sized vertical-align sub and sup classes.
Enjoy mountain spring H2O - it's 105 times better than tap† water!
†This means water provided through a municipal distribution system
Custom Classes
body { font: 100% verdana, arial, sans-serif; }
p.custom sub { vertical-align: sub; font-size:65%; }
p.custom sup { vertical-align: super; font-size:65%; }
p.customsmall { font-size: .8em; }
The HTML Markup
<h4>This example uses classes for custom vertical
alignment and type sizes</h4>
<p class="custom">Enjoy mountain spring H<sub>2</sub>O -
it's 10<sup>5</sup> times better than tap<sup>†</sup>
water!</p>
<p class="customsmall"><sup>†</sup><em>This means water
provided through a municipal distribution system</em></p>