• View
• Edit
• History
• Attach
• Print
• Backlinks

SuperscriptLineSpacing

Question

How can I fix line spacing of {^superscripts^} and {_subscripts_}?

Answer

The solution is to add the following to the style sheet:

#wikitext { line-height: 1.3em; }
#wikitext sub, #wikitext sup { line-height: 0; }

This can be done by adding the above lines to pub/css/local.css or by adding the following code into the config.php file:

    $HTMLStylesFmt[] = "
      #wikitext { line-height: 1.3em; }
      #wikitext sub, #wikitext sup { line-height: 0; }
    ";

Discussion

Normally, browsers display running prose with even line spacing. However, if the text happens to include ^superscript or _subscript text, then most browsers render this with uneven line spacing. This looks ugly and distracts the reader from the content.

The fix is to modify the page's CSS rendering of <sup> and <sub> elements so that superscripts and subscripts do not change the current line's height, as given by the CSS statements above. This paragraph demonstrates how ^superscripts and _subscripts are rendered when the above styles are included.

See Also

MarkupExtensions includes these styles settings.

Contributors

• jr
• Pm