Docs: Use <math> for equations in webgl_multiple_elements_text.html

[ycw]

Related issue: #26812

preview: https://raw.githack.com/ycw/three.js/wgl_mult_els_text/examples/index.html?#webgl_multiple_elements_text

[WestLangley]

The fractions are displaying incorrectly. Should be

There are multiple instances of a similar error.

[ycw]

would you mind provide the incorrect shots for comparison

[WestLangley]

Currently, with this PR

[WestLangley]

Hmm... Your edit to main.css fixed the issue for me in Chrome and Firefox, but not in Safari. MacOS Sonoma 14.0.

[WestLangley]

But what you are doing now is a hack, no?

Granted, it is not a central issue, so I am not going to press it... but the fractions are still too close together in Safari, IMHO.

[ycw]

The spec requires UA to do this:

... To avoid visual confusion between the fraction bar and another adjacent items (e.g. minus sign or another fraction's bar), a default 1-pixel space is added around the element. The user agent stylesheet must contain the following rules: ...

but safari misbehaved, so a patch is needed

8a78521: mspace is semantically correct, and supported since safari7, but this option will cause visually diff btwn safari and non-safari (space is much wider in non-safari)

Lets try another option

[sha]: adds a dot operator between mfracs. The dot in safari should behave like the minus in #26896 (comment) which has proper space added around; U+22C5 is semantically correct, but the equations now looks more 'verbose' (a dot is added between the const and derivatives)

[WestLangley]

I think adding the dot is a good solution.