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>