The following script is an adaptation of Sandhu ('03) MathML Handbook, page 97 – Presentation markup / Controlling alignment (simultaneous equations). The alignment refuses to render in any of the standard browsers including Firefox Quantum (preferred browser Safari). I'm running macOS Sierra on a dual-core system. If you can get the alignment working, please let me know.
<?xml version="1.0" encoding="UTF-8"?>
<heading>Presentation markup / Tabular math</heading>
<subheading>Simultaneous equations</subheading>
<body>
<math>
<mtable>
<mtr>
<mtd>
<mrow>
<mn>2</mn>
<mo>⁢</mo>
<maligngroup/><mi><malignmark/>x</mi>
<maligngroup/><mo><malignmark/>+</mo>
<maligngroup/><mi><malignmark/>y</mi>
<maligngroup/><mo><malignmark/>=</mo>
<mo>-</mo>
<maligngroup/><mn><malignmark/>5</mn>
</mrow>
</mtd>
</mtr>
<mtr>
<mtd>
<mrow>
<maligngroup/><mi><malignmark/>x</mi>
<maligngroup/><mo><malignmark/>-</mo>
<mn>2</mn>
<mo>⁢</mo>
<maligngroup/><mi><malignmark/>y</mi>
<maligngroup/><mo><malignmark/>=</mo>
<maligngroup/><mn><malignmark/>1</mn>
</mrow>
</mtd>
</mtr>
</mtable>
</math>
</body>
Each equation is placed in a seperate cell of a table consisting of two rows and one column. Five different parts have to be aligned in each equation indepently, so each has five alignment groups and five alignment points. A simplification of this structure is offered on the following page, but the base case first. (Chapter 3.5.5 of the W3C Mathematical Markup Language (MathML) Version 3.0 2nd Edition text works through an example that is –syntactically– a bit more opulant.)
Here is a very crude block for what the code above should produce (using the <mspace/>
element):
<html>
<math>
<mtable>
<mtr>
<mtd>
<mrow>
<mn>2</mn>
<mi>x</mi>
</mrow>
</mtd>
<mtd>
<mo>+</mo>
</mtd>
<mtd>
<mrow>
<mspace width="10px"/>
<mi>y</mi>
</mrow>
</mtd>
<mtd>
<mo>=</mo>
</mtd>
<mtd>
<mrow>
<mo>-</mo>
<mn>5</mn>
</mrow>
</mtd>
</mtr>
<mtr>
<mtd>
<mrow>
<mspace width="5px"/>
<mi>x</mi>
</mrow>
</mtd>
<mtd>
<mo>-</mo>
</mtd>
<mtd>
<mrow>
<mn>2</mn>
<mi>y</mi>
</mrow>
</mtd>
<mtd>
<mo>=</mo>
</mtd>
<mtd>
<mrow>
<mspace width="20px"/>
<mn>1</mn>
</mrow>
</mtd>
</mtr>
</mtable>
</math>
</html>