Mathml在嵌入式html中无法正确呈现

似乎内联甚至<maths>在行的下方和上方都添加了额外的空格。如这里和这里所示。如何避免这种行为？这是我使用的代码。

<p>
  The series
  <math xmlns="http://www.w3.org/1998/Math/MathML" display='inline'>
    <munderover>
    <mo>&sum;</mo>
    <mrow>
    <mi>n</mi>
    <mo>=</mo>
    <mn>1</mn>
    </mrow>
    <mi>&infin;</mi>
    </munderover>
    <mfrac>
    <mn>1</mn>
    <mi>n</mi>
    </mfrac>
  </math>
  is divergent.
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a magna vel lorem auctor sagittis. Nullam viverra quam et quam sodales convallis. Donec felis nulla, scelerisque vel ante nec, ultricies viverra erat. Ut aliquet mollis dolor, sodales fringilla purus ultrices eu. Integer elit metus. 
</p>

谢谢。