Cómo poner un subíndice con html

Podemos definir directamente sobre el código HTML un subíndice o superíndice usando respectivamente las etiquetas sub y sup.

Dióxido de carbono CO<sub>2</sub>
Superficie de 20 m<sup>2</sup>

Pero también, y por aquello de separar diseño y contenido, podemos hacerlo con CCS, usando estos atributos y aplicándolos con un span:

.superindice
{vertical-align:super}
.subindice
{vertical-align:sub} Dióxido de carbono CO<span class='subindice'>2</span>
Superficie de 20 m<span class='superindice'>2</span>