. . . wie in jedem *normalen* Textprozessor - ausser MS-Office (und einigen anderen)

Auch hier findet man die Codes, die man verwenden kann:

http://de.wiktionary.org/wiki/Hilfe:Sonderzeichen/Tabelle

Für z.B Copyright gibst Du das Entities zwischen den Tags dafür ein
^©
und aktivierts oben das Symbol HTML </>. Damit das Zeichen auch hochgestellt wird muss im CSS-Bereich die CSS-Formatierung hinterlegt werden

sup { vertical-align: 25%; }

Hier mal einige Möglichkeiten:

Example:
<p>The formel H₂O and the formel N³.</p>
<p>The formel N³ and the formel H₂O.</p>

CSS-Code:
sup { vertical-align: top; }



ohne CSS-Formatierung /Version 4 nicht im IE):

Version 1:
Mein Garten hat 10 m<span style='vertical-align: 15%;'>2</span>. Könnte größer sein.
Wasser wird auch als H<span style='vertical-align:-15%;'>2</span>O bezeichnet.

Version 2:
Mein Garten hat 10 m<span style='vertical-align: 5px'>2</span>. Könnte größer sein.
Wasser wird auch als H<span style='vertical-align:-5px;'>2</span>O bezeichnet.

Version 3:
Mein Garten hat 10 m<span style='vertical-align: super;'>2</span>. Könnte größer  sein.
Wasser wird auch als H<span style='vertical-align: sub;'>2</span>O bezeichnet.

Version 4:
Mein Garten hat 10 m<span style='vertical-align: text-bottom;'>2</span>. Könnte größer  sein.
Wasser wird auch als H<span style='vertical-align: text-top;'>2</span>O bezeichnet.



Nur Eintrag im Header und normale Tags nutzen:

<style type="text/css">
<!--
sup {
vertical-align: baseline;
font-size: 1.0em;
position: relative;
top: -0.4em;
}
sub {
vertical-align: baseline;
font-size: 1.0em;
position: relative;
bottom: -0.4em;
}
-->
</style>