Created
May 26, 2010 01:31
-
-
Save unruthless/413930 to your computer and use it in GitHub Desktop.
CSS for <sub> and <sup>
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
sub, sup { | |
/* Specified in % so that the sup/sup is the | |
right size relative to the surrounding text */ | |
font-size: 75%; | |
/* Zero out the line-height so that it doesn't | |
interfere with the positioning that follows */ | |
line-height: 0; | |
/* Where the magic happens: makes all browsers position | |
the sup/sup properly, relative to the surrounding text */ | |
position: relative; | |
/* Note that if you're using Eric Meyer's reset.css, this | |
is already set and you can remove this rule */ | |
vertical-align: baseline; | |
} | |
sup { | |
/* Move the superscripted text up */ | |
top: -0.5em; | |
} | |
sub { | |
/* Move the subscripted text down, but only | |
half as far down as the superscript moved up */ | |
bottom: -0.25em; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Thanks man. Good work 👍