| <!doctype html> |
| <html> |
| <head> |
| <title>fractions vertical aligment</title> |
| <meta charset="utf-8"/> |
| </head> |
| <body> |
| |
| <!-- Here the fraction bars are green but since they are hidden by the red |
| rectangle, that should not affect the rendering. --> |
| <div style="position: absolute; top: 10px; left: 10px;"> |
| <math style="color: blue;"> |
| <mrow> |
| <mspace height="10em" depth="10em"/> |
| <mfrac style="color: green;"> |
| <mi style="color: blue;">B</mi> |
| <mi style="color: blue;">C</mi> |
| </mfrac> |
| <mo>+</mo> |
| <mfrac style="color: green;"> |
| <mrow style="color: blue;"> |
| <mi>B</mi> |
| <mo>+</mo> |
| <mfrac> |
| <mi>D</mi> |
| <mi>E</mi> |
| </mfrac> |
| </mrow> |
| <mi style="color: blue;">C</mi> |
| </mfrac> |
| <mo>+</mo> |
| <mfrac style="color: green;"> |
| <mrow style="color: blue;"> |
| <mi>B</mi> |
| <mo>+</mo> |
| <mfrac> |
| <mrow> |
| <mi>D</mi> |
| <mo>+</mo> |
| <mfrac> |
| <mi>F</mi> |
| <mi>G</mi> |
| </mfrac> |
| </mrow> |
| <mi>E</mi> |
| </mfrac> |
| </mrow> |
| <mi style="color: blue;">C</mi> |
| </mfrac> |
| <mo>+</mo> |
| <mfrac style="color: green;"> |
| <mi style="color: blue;">B</mi> |
| <mrow style="color: blue;"> |
| <mi>C</mi> |
| <mo>+</mo> |
| <mfrac> |
| <mi>D</mi> |
| <mrow> |
| <mi>E</mi> |
| <mo>+</mo> |
| <mfrac> |
| <mi>F</mi> |
| <mi>G</mi> |
| </mfrac> |
| </mrow> |
| </mfrac> |
| </mrow> |
| </mfrac> |
| </mrow> |
| </math> |
| </div> |
| |
| <div style="position: absolute; top: 10px; left: -1em;"> |
| <math> |
| <mrow> |
| <mspace height="10em" depth="10em"/> |
| <mspace width="26em" height="1ex" depth="0" mathbackground="red"/> |
| </mrow> |
| </math> |
| </div> |
| |
| </body> |
| </html> |
