Render Mathjax in HTML tags

[IcedPigeon]

Mathjax Environment in HTML

I would like to render Mathjax within an HTML environment as illustrated in this post:

How can I render MathJax LaTeX in HTML tags?

Hi I’ve been recently deep diving into obsidian customisation with css and I’m trying to find the best organization to take my notes. In the process I ended up preferring highlighting my theorem definitions with the “<center>” tag with some css to it like this: [image_2022-02-17_161015] the problem with this is that I will need to write in mathematical language at some point, and to do so I’ll need latex wich doesn’t work if surrounded by <center> tags. So is there any way I can “extend” th…

Unfortunately, as pointed out in the post, it does not render in the Editing Mode. Does anyone know a solution to make it so?

Example below:

a sample: Z_{c}

which, when rendered in Reading Mode renders Mathjax and surrounds the text by a big red box. Code below:

<div align="center"; style="border-width:3px; border-style:solid; border-color:#FF0000; padding: 1em;">a sample: <span class="math display">Z_{c}</span></div>