Skip to content

Instantly share code, notes, and snippets.

@bkardell

bkardell/mathml-css-display.md Secret

Last active July 22, 2020 19:26
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bkardell/bab94a45d57ff0ce27814944fe67666a to your computer and use it in GitHub Desktop.
Save bkardell/bab94a45d57ff0ce27814944fe67666a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
mathml-css-display.md

Mathematical rendering, like other text renderings can happen inline with prose or in the block direction and different elements employ different strategies for layout. According to common norms, these are treated a little differently. MathML-Core introduces two display types:

display: math and display: inline-math

These control box generation and layout according to their tag name. The figure below illstrates differences in standard treatments of mathematical rendering depending on whether it is inline with text, or has a complete space in the block direction, as illustrated in the figure below.

illustration of an equation rendered inline with prose and again as a block

These can be overridden and extended with custom layouts. display: contents computes to ``none`.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment