JSFiddle - React, Tailwind, and code Playground

HTML

<span class="frac"><sup>&sum;n</sup><span>&frasl;</span><sub>n</sub></span>
<br><br>


<div  class="All"><div class="Sum">&sum; =</div><span class="Fraction"><span class="Numerator">n234</span><span class="Denominator">43242m</span></span>
</div>

CSS

.All {
  display: table-row;
}
.Sum {
  display: table-cell;
  vertical-align: middle;
}
.Fraction {
    display: table-cell;
    text-align: center;    
}
.Denominator{
    border-top: 1px solid #000;
    display: block;
}
.Fraction, .Numerator, .Denominator {
    padding: 0px 5px;    
}