# Example of using MathML in HackMD

As a quick example, here is an identity of Ramanujan, as native `<math>`:

<br><br>
<style>
math {
font-family: "STIX Two Math";
}
mfrac > * {
font-size:inherit;
padding: 0.1em;
}
</style>
<math>
<mrow>
<mfrac>
<mn>1</mn>
<mrow>
<mrow>
<mo maxsize="2.28em" minsize="2.28em">(</mo>
<mrow>
<msqrt>
<mrow>
<mi>ϕ</mi>
<mo>⁢</mo>
<msqrt>
<mn>5</mn>
</msqrt>
</mrow>
</msqrt>
<mo>−</mo>
<mi>ϕ</mi>
</mrow>
<mo maxsize="2.28em" minsize="2.28em">)</mo>
</mrow>
<mo>⁢</mo>
<msup>
<mi>e</mi>
<mrow>
<mfrac>
<mn>2</mn>
<mn>5</mn>
</mfrac>
<mo>⁢</mo>
<mi>π</mi>
</mrow>
</msup>
</mrow>
</mfrac>
<mo>=</mo>
<mrow>
<mn>1</mn>
<mo>+</mo>
<mfrac>
<msup>
<mi>e</mi>
<mrow>
<mo>−</mo>
<mrow>
<mn>2</mn>
<mo>⁢</mo>
<mi>π</mi>
</mrow>
</mrow>
</msup>
<mrow>
<mn>1</mn>
<mo>+</mo>
<mfrac>
<msup>
<mi>e</mi>
<mrow>
<mo>−</mo>
<mrow>
<mn>4</mn>
<mo>⁢</mo>
<mi>π</mi>
</mrow>
</mrow>
</msup>
<mrow>
<mn>1</mn>
<mo>+</mo>
<mfrac>
<msup>
<mi>e</mi>
<mrow>
<mo>−</mo>
<mrow>
<mn>6</mn>
<mo>⁢</mo>
<mi>π</mi>
</mrow>
</mrow>
</msup>
<mrow>
<mn>1</mn>
<mo>+</mo>
<mfrac>
<msup>
<mi>e</mi>
<mrow>
<mo>−</mo>
<mrow>
<mn>8</mn>
<mo>⁢</mo>
<mi>π</mi>
</mrow>
</mrow>
</msup>
<mrow>
<mn>1</mn>
<mo>+</mo>
<mi mathvariant="normal">…</mi>
</mrow>
</mfrac>
</mrow>
</mfrac>
</mrow>
</mfrac>
</mrow>
</mfrac>
</mrow>
</mrow>
</math>

<br><br>

And _markdown_ use can **neatly** continue afterwards.

<br><br>
<br><br>
<br><br>

P.S. Currently (Jan 2023), this may need a bit of custom CSS styling for Chrome. I have used a `<style>` tag containing:

math {
  font-family: "STIX Two Math";
}

mfrac > * {
  font-size:inherit;
  padding: 0.1em;
}