<!DOCTYPE html> <html><head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"><title>Comparison of script elements</title></head> <body> msubsup: <math> <msubsup style="background: red;"> <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext> <mtext style="background-color: rgba(0, 255, 0, 0.4);">bbb</mtext> <mtext style="background-color: rgba(0, 255, 0, 0.4);">ccc</mtext> </msubsup> </math> <br><br> <!-- Different rules apply to msub, so it won't provide equivalent output --> msubsup: <math> <msubsup style="background: red;"> <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext> <mtext style="background-color: rgba(0, 255, 0, 0.4);">bbb</mtext> <mrow></mrow> </msubsup> </math> <br><br> msup / msubsup: <math> <msup style="background: red;"> <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext> <mtext style="background-color: rgba(0, 255, 0, 0.4);">bbb</mtext> </msup> </math> <math> <msubsup style="background: red;"> <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext> <mrow></mrow> <mtext style="background-color: rgba(0, 255, 0, 0.4);">bbb</mtext> </msubsup> </math> <br><br> mrow / msub: <math> <mrow style="background: red;"> <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext> </mrow> </math> <math> <msub style="background: red;"> <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext> <mrow></mrow> </msub> </math> <br><br> msupsub: <math> <msubsup style="background: red;"> <mtext style="background-color: rgba(0, 0, 255, 0.4);">AAA</mtext> <mrow></mrow> <mrow></mrow> </msubsup> </math> </body></html>