Sauberes Hochstellen und Tiefstellen mittels CSS

Bei einigen Texten kann es vorkommen dass man Text z.B. "m²" hoch- oder tiefstellen muss damit die Formatierung schöner aussieht und natürlich auch besser lesbar ist.
Falls man aber mit Designs arbeitet die Pixelgenau umgesetzt sind und das Hoch- und Tiefstellen keinen zusätzlichen sichtbaren Zeilenabstand verursacht kann man mit folgenden CSS diese Einstellung korrekt verfassen:

sup, sub {
       line-height: 0;
       font-size: 80%;
}