Prevent sub/superscripts from affecting line height in CSS

sub.css

// from https://css-tricks.com/snippets/css/prevent-superscripts-and-subscripts-from-affecting-line-height/

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub { 
  top: 0.4em; 
}