Her er løsningen, med litt ekstra....
Først må jeg rette på meg selv, og si at
<sup> ikke er ugyldig i XHTML, men vær klar over at det er ting det bør og ting det ikke bør brukes på - vaser litt mer om det lenger nede...
For å få til et hevet copyright-tegn uten bruk av <sup>:
CSS:
- Kode: Merk alt
span.superscript {
font-size: 80%;
line-height: 0.8em;
vertical-align: top;
}
HTML:
- Kode: Merk alt
<p>Copyright <span class="superscript">©</span></p>
Overnevnte kode vil gi dette resultatet:
Merk at jo mindre
line-height du har i CSSen, jo høyere vil det som står i
<span class="superscript"> komme.
Så til vasingen min...
<sup> er en tag som "legger seg opp i presentasjonen", og det er derfor mange som regner den for å være semantisk ukorrekt, og at man derfor ikke skal bruke den. I dette tilfellet, hvor man simpelthen skal heve et copyright-tegn kan jeg si meg enig i det, og feks for å heve eller senke fotnote-referanser vil det også være galt å bruke
<sup> eller
sub.
Derimot er det tilfeller hvor
<sup> vil være veldig riktig å bruke, nemlig innenfor matematikk/fysikk/kjemi osv, hvor det faktisk er et poeng at noe er hevet eller senket.
Feks for å presentere Einsteins velkjente formel: E = mc2
Her er det et poeng at 2-tallet skal være hevet, nettopp for å presisere at det er c opphøyd i 2, ikke c ganget med 2. I slike tilfeller er bruken av
<sup> semantisk korrekt.