Generate (pre and) code elements instead of div, span

[wooorm]

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and couldn’t find anything (or linked relevant results below)

Affected packages and versions

all

Link to runnable example

No response

Steps to reproduce

examples in readme, all tests

Expected behavior

Use <code class="math math-inline">…</code> and <pre><code class="math math-display">…</code></pre> instead of spans and divs.

Likely even improved, use <code class="lang-math math-inline">…</code> and <pre><code class="lang-math math-display">…</code></pre>.
This is better because it means it would generate the same as:

```math
\sqrt{3}
```

Which is a good alternative to introducing a custom syntax, and GitHub says that they support it (although it doesn’t render for me here).

That second idea comes with another question though: does math-display and math-inline then still make sense?

Actual behavior

see examples in readme, all tests

Runtime

No response

Package manager

No response

OS

No response

Build and bundle tools

No response