JSFiddle - React, Tailwind, and code Playground

HTML

<svg viewBox="0 0 300 300" width="400">
<text x="0" y="100"><![CDATA[ Hier ist CData ]]> und hier nicht</text>
</svg>
<br>
<math display="block">
<mi>a</mi><msup><mn>2</mn></msup><mo>+</mo><mi>b</mi><msub><mn>2</mn></msub>
</math>
<br>
<math display="block">
<mtable>
  <mtr><mtd>
<msub><mi>x</mi><mrow><mn>1</mn><mo lspace="0" rspace="0">/</mo><mn>2</mn></mrow></msub>
<mo>=</mo>
<mo>-</mo><mfrac><mn>p</mn><mi>2</mi></mfrac>
<mo>&pm;</mo>
<msqrt><msup><mfrac><mn>p</mn><mi>2</mi></mfrac><mn>2</mn></msup><mo>-</mo><mi>q</mi></msqrt>
</mtd><mtd>
<mtext><![CDATA[für p² > 4q]]></mtext>
  </mtd></mtr>
</mtable>
</math>