JSFiddle - React, Tailwind, and code Playground

by hubfiddle

HTML

<h2>Narrow</h2>

<div id="math-narrow">
<math>
   <mstyle displaystyle="true">
      <mi>d</mi>
      <mo>=</mo>
      <msub>
         <mrow>
            <mi>b</mi>
         </mrow>
         <mrow>
            <mn>1</mn>
         </mrow>
      </msub>
      <msup>
         <mrow>
            <mi>D</mi>
         </mrow>
         <mrow>
            <msub>
               <mrow>
                  <mi>b</mi>
               </mrow>
               <mrow>
                  <mn>2</mn>
               </mrow>
            </msub>
         </mrow>
      </msup>
      <msup>
         <mrow>
            <mi>H</mi>
         </mrow>
         <mrow>
            <msub>
               <mrow>
                  <mi>b</mi>
               </mrow>
               <mrow>
                  <mn>3</mn>
               </mrow>
            </msub>
         </mrow>
      </msup>
      <msup>
         <mrow>
            <mrow>
               <mfenced close="]" open="[" separators="">
                  <mfrac>
                     <mrow>
                        <mn>1</mn>
                        <mo>−</mo>
                        <msup>
                           <mrow>
                              <mi>z</mi>
                           </mrow>
                           <mrow>
                              <mn>1</mn>
                              <mo>∕</mo>
                              <mn>3</mn>
                           </mrow>
                        </msup>
                     </mrow>
                     <mrow>
                        <mn>1</mn>
                        <mo>−</mo>
                        <msup>
                           <mrow>
                              <mi>p</mi>
                           </mrow>
                           <mrow>
                              <mn>1</mn>
                              <mo>∕</mo>
                              <mn>3</mn>
                           </mrow>
                        </msup>
                     </mrow>
                 ...

CSS

#math-narrow {
  width: 400px;
}

#math-wide {
  width: 600px;
}