Merge pull request #2654 from xexyl/css-super-sub-script

Fix sub/superscript cover text
This commit is contained in:
Landon Curt Noll authored and GitHub committed 2024-08-27 13:28:11 -07:00
commit 7e567c0004
1 file changed
+14 -2
+14 -2
View File
@@ -117,8 +117,8 @@ small {
} }
/* /*
* Prevent `sub` and `sup` elements from affecting the line height in * Prevent sub and sup elements from affecting the line height in
* all browsers. * all browsers (initially).
*/ */
sub, sub,
@@ -129,11 +129,23 @@ sup {
vertical-align: baseline; vertical-align: baseline;
} }
/*
* Fix the problem where subscript text covers part of the characters in the
* line below it.
*/
sub { sub {
line-height: 190%;
font-size: 5%;
bottom: -0.25em; bottom: -0.25em;
} }
/*
* Fix the problem where superscript text covers part of the characters in the
* line above it.
*/
sup { sup {
line-height: 190%;
font-size: 5%;
top: -0.5em; top: -0.5em;
} }