The mfrac element is used for fractions. MathML Fundamentals
<math style="border:1px"> <mspace linebreak="newline" indentalign="center"></mspace> <mtext style="border:1px;" mathsize="50" color="DarkRed">Fractions Tests- mfrac</mtext> <mspace linebreak="newline" indentalign="center"></mspace> <mrow style="border:1px"> <mspace linebreak="newline"></mspace> <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Left To Right</mtext> <mspace linebreak="newline" indentalign="center"></mspace> <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: linethickness</mtext> <mspace linebreak="newline" indentalign="center"></mspace> <mfrac style="border:1px" linethickness="0"> <mi style="border:1px">a</mi> <mi style="border:1px;">b</mi> </mfrac> <mo>+</mo> <mfrac style="border:1px" linethickness="1"> <mi style="border:1px">a</mi> <mi style="border:1px;">b</mi> </mfrac> <mo>+</mo> <mfrac style="border:1px" linethickness="2"> <mi style="border:1px">a</mi> <mi style="border:1px;">b</mi> </mfrac> <mo>+</mo> <mfrac style="border:1px" linethickness="3"> <mi style="border:1px">a</mi> <mi style="border:1px;">b</mi> </mfrac> <mo>+</mo> <mfrac style="border:1px" linethickness="4"> <mi style="border:1px">a</mi> <mi style="border:1px;">b</mi> </mfrac> <mo>+</mo> <mfrac style="border:1px"> <mi style="border:1px">a</mi> <mi style="border:1px;">b</mi> </mfrac> <mspace linebreak="newline" indentalign="center"></mspace> <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: linethickness thin, medium, thick</mtext> <mspace linebreak="newline" indentalign="center"></mspace> <mrow style="border:1px;"> <mfrac mathsize="30"> <mi>a</mi> <mi>b</mi> </mfrac> <mo>+</mo> <mfrac mathsize="100"> <mi>a</mi> <mi>b</mi> </mfrac> <mo>+</mo> <mfrac mathsize="100" linethickness="thin"> <mi>a</mi> <mi>b</mi> </mfrac> <mo>+</mo> <mfrac mathsize="100" linethickness="medium"> <mi>a</mi> <mi>b</mi> </mfrac> <mo>+</mo> <mfrac mathsize="100" linethickness="thick"> <mi>a</mi> <mi>b</mi> </mfrac> </mrow> <mspace linebreak="newline" indentalign="center"></mspace> <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: numalign-left, center, right</mtext> <mspace linebreak="newline" indentalign="center"></mspace> <mrow style="border:1px;"> <mfrac numalign='left'> <mi>a</mi> <mi>bcd</mi> </mfrac> <mo>+</mo> <mfrac numalign="center"> <mi>a</mi> <mi>bcd</mi> </mfrac> <mo>+</mo> <mfrac numalign="right"> <mi>a</mi> <mi>bcd</mi> </mfrac> </mrow> <mspace linebreak="newline" indentalign="center"></mspace> <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: denomalign-left, center, right</mtext> <mspace linebreak="newline" indentalign="center"></mspace> <mrow style="border:1px;"> <mfrac denomalign="left"> <mi>efg</mi> <mi>h</mi> </mfrac> <mo>+</mo> <mfrac denomalign="center"> <mi>efg</mi> <mi>h</mi> </mfrac> <mo>+</mo> <mfrac denomalign="right"> <mi>efg</mi> <mi>h</mi> </mfrac> </mrow> <mspace linebreak="newline" indentalign="center"></mspace> <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: bevelled-true, false</mtext> <mspace linebreak="newline" indentalign="center"></mspace> <mfrac style="border:1px; padding:1px" bevelled="true"> <mi style="border:1px">A</mi> <mi style="border:1px">BC</mi> </mfrac> <mo>+</mo> <mi style="border:1px">ABC</mi> <mspace linebreak="newline" indentalign="center"></mspace> <mfrac style="border:1px; padding:1px" bevelled="false"> <mi style="border:1px">A</mi> <mi style="border:1px">BC</mi> </mfrac> <mo>+</mo> <mi style="border:1px">ABC</mi> <mspace linebreak="newline" indentalign="center"></mspace> <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: bevelled, linethickness,numalign, denomalign</mtext> <mspace linebreak="newline" indentalign="center"></mspace> <msup> <mrow> <mi>x</mi> <mo>-</mo> <mi>y</mi> </mrow> <mfrac bevelled="true"> <mrow> <mfenced> <mrow> <mn>2</mn> <mo>+</mo> <msup> <mn>e</mn> <mn>3</mn> </msup> </mrow> </mfenced> </mrow> <mfrac bevelled="true"> <mrow> <mn>3</mn> <mo></mo> <mi>x</mi> </mrow> <mrow> <msup> <mrow> <msup> <mn>2</mn> <mn>2</mn> </msup> </mrow> <mn>8</mn> </msup> </mrow> </mfrac> </mfrac> </msup> <mo>=</mo> <mn>1</mn> <mo>+</mo> <mfrac> <mrow> <mn>1</mn> <mo>+</mo> <mi>g</mi> <mo></mo> <mfrac> <mrow> <mn>1</mn> <mo>+</mo> <mroot> <mfrac denomalign="left"> <mrow> <mi>a</mi> <mo>-</mo> <mi>q</mi> <mo>+</mo> <mn>7</mn> </mrow> <mrow> <mn>2</mn> <mo></mo> <mi>p</mi> </mrow> </mfrac> <mn>3</mn> </mroot> </mrow> <msup> <mn>e</mn> <mfrac linethickness="thin" bevelled="true" numalign="left"> <mn>2</mn> <mrow> <mo>(</mo> <mn>4</mn> <mo>+</mo> <mi>q</mi> <mo>)</mo> </mrow> </mfrac> </msup> </mfrac> </mrow> <mrow> <mn>1</mn> <mo>+</mo> <mfrac linethickness="-5px" numalign="right"> <mn>6</mn> <mrow> <mi>a</mi> <mo>+</mo> <mfrac numalign="left" denomalign="right"> <mn>1</mn> <mrow> <mi>a</mi> <mo>+</mo> <mfrac linethickness="thick"> <mn>1</mn> <mrow> <mi>a</mi> <mo>+</mo> <mfrac linethickness="1pt" bevelled="true" numalign="left" denomalign="right"> <mn>1</mn> <mi>a</mi> </mfrac> </mrow> </mfrac> </mrow> </mfrac> </mrow> </mfrac> </mrow> </mfrac> </mrow> <mspace linebreak="newline" indentalign="center"></mspace> <mrow dir="rtl" style="border:1px"> <mspace linebreak="newline"></mspace> <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Right To Left</mtext> <mspace linebreak="newline" indentalign="center"></mspace> <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: linethickness</mtext> <mspace linebreak="newline" indentalign="center"></mspace> <mfrac style="border:1px" linethickness="0"> <mi style="border:1px">a</mi> <mi style="border:1px;">b</mi> </mfrac> <mo>+</mo> <mfrac style="border:1px" linethickness="1"> <mi style="border:1px">a</mi> <mi style="border:1px;">b</mi> </mfrac> <mo>+</mo> <mfrac style="border:1px" linethickness="2"> <mi style="border:1px">a</mi> <mi style="border:1px;">b</mi> </mfrac> <mo>+</mo> <mfrac style="border:1px" linethickness="3"> <mi style="border:1px">a</mi> <mi style="border:1px;">b</mi> </mfrac> <mo>+</mo> <mfrac style="border:1px" linethickness="4"> <mi style="border:1px">a</mi> <mi style="border:1px;">b</mi> </mfrac> <mo>+</mo> <mfrac style="border:1px"> <mi style="border:1px">a</mi> <mi style="border:1px;">b</mi> </mfrac> <mspace linebreak="newline" indentalign="center"></mspace> <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: linethickness thin, medium, thick</mtext> <mspace linebreak="newline" indentalign="center"></mspace> <mrow style="border:1px;"> <mfrac mathsize="30"> <mi>a</mi> <mi>b</mi> </mfrac> <mo>+</mo> <mfrac mathsize="100"> <mi>a</mi> <mi>b</mi> </mfrac> <mo>+</mo> <mfrac mathsize="100" linethickness="thin"> <mi>a</mi> <mi>b</mi> </mfrac> <mo>+</mo> <mfrac mathsize="100" linethickness="medium"> <mi>a</mi> <mi>b</mi> </mfrac> <mo>+</mo> <mfrac mathsize="100" linethickness="thick"> <mi>a</mi> <mi>b</mi> </mfrac> </mrow> <mspace linebreak="newline" indentalign="center"></mspace> <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: numalign-left, center, right</mtext> <mspace linebreak="newline" indentalign="center"></mspace> <mrow style="border:1px;"> <mfrac numalign='left'> <mi>a</mi> <mi>bcd</mi> </mfrac> <mo>+</mo> <mfrac numalign="center"> <mi>a</mi> <mi>bcd</mi> </mfrac> <mo>+</mo> <mfrac numalign="right"> <mi>a</mi> <mi>bcd</mi> </mfrac> </mrow> <mspace linebreak="newline" indentalign="center"></mspace> <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: denomalign-left, center, right</mtext> <mspace linebreak="newline" indentalign="center"></mspace> <mrow style="border:1px;"> <mfrac denomalign="left"> <mi>efg</mi> <mi>h</mi> </mfrac> <mo>+</mo> <mfrac denomalign="center"> <mi>efg</mi> <mi>h</mi> </mfrac> <mo>+</mo> <mfrac denomalign="right"> <mi>efg</mi> <mi>h</mi> </mfrac> </mrow> <mspace linebreak="newline" indentalign="center"></mspace> <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: bevelled-true, false</mtext> <mspace linebreak="newline" indentalign="center"></mspace> <mfrac style="border:1px; padding:1px" bevelled="true"> <mi style="border:1px">A</mi> <mi style="border:1px">BC</mi> </mfrac> <mo>+</mo> <mi style="border:1px">ABC</mi> <mspace linebreak="newline" indentalign="center"></mspace> <mfrac style="border:1px; padding:1px" bevelled="false"> <mi style="border:1px">A</mi> <mi style="border:1px">BC</mi> </mfrac> <mo>+</mo> <mi style="border:1px">ABC</mi> <mspace linebreak="newline" indentalign="center"></mspace> <mtext style="border:1px;" mathsize="30" color="DarkSlateBlue">Atribute test: bevelled, linethickness,numalign, denomalign</mtext> <mspace linebreak="newline" indentalign="center"></mspace> <msup> <mrow> <mi>x</mi> <mo>-</mo> <mi>y</mi> </mrow> <mfrac bevelled="true"> <mrow> <mfenced> <mrow> <mn>2</mn> <mo>+</mo> <msup> <mn>e</mn> <mn>3</mn> </msup> </mrow> </mfenced> </mrow> <mfrac bevelled="true"> <mrow> <mn>3</mn> <mo></mo> <mi>x</mi> </mrow> <mrow> <msup> <mrow> <msup> <mn>2</mn> <mn>2</mn> </msup> </mrow> <mn>8</mn> </msup> </mrow> </mfrac> </mfrac> </msup> <mo>=</mo> <mn>1</mn> <mo>+</mo> <mfrac> <mrow> <mn>1</mn> <mo>+</mo> <mi>g</mi> <mo></mo> <mfrac> <mrow> <mn>1</mn> <mo>+</mo> <mroot> <mfrac denomalign="left"> <mrow> <mi>a</mi> <mo>-</mo> <mi>q</mi> <mo>+</mo> <mn>7</mn> </mrow> <mrow> <mn>2</mn> <mo></mo> <mi>p</mi> </mrow> </mfrac> <mn>3</mn> </mroot> </mrow> <msup> <mn>e</mn> <mfrac linethickness="thin" bevelled="true" numalign="left"> <mn>2</mn> <mrow> <mo>(</mo> <mn>4</mn> <mo>+</mo> <mi>q</mi> <mo>)</mo> </mrow> </mfrac> </msup> </mfrac> </mrow> <mrow> <mn>1</mn> <mo>+</mo> <mfrac linethickness="-5px" numalign="right"> <mn>6</mn> <mrow> <mi>a</mi> <mo>+</mo> <mfrac numalign="left" denomalign="right"> <mn>1</mn> <mrow> <mi>a</mi> <mo>+</mo> <mfrac linethickness="thick"> <mn>1</mn> <mrow> <mi>a</mi> <mo>+</mo> <mfrac linethickness="1pt" bevelled="true" numalign="left" denomalign="right"> <mn>1</mn> <mi>a</mi> </mfrac> </mrow> </mfrac> </mrow> </mfrac> </mrow> </mfrac> </mrow> </mfrac> </mrow> </math>