使用<sup>和<sub>时出现HTML样式问题

我注意到,当试图用上标或下标在下面的方式。。。

<ul>
<li><b>Mean Radius</b>      6,371.0 km</li>
<li><b>Mean Circumference</b>   40,041.47 km</li>
<li><b>Surface Area</b>     510,072,000 km<sup>2</sup></li>
<li><b>Volume</b>       1.0832073 &times; 10<sup>12</sup> km<sup>3</sup></li>
<li><b>Mass</b>         5.9736 &times; 10<sup>24</sup> kg</li>
<li><b>Mean Density</b>     5.5153 g/cm<sup>3</sup></li>
<li><b>Axial Tilt</b>       23.439281&deg;</li>
</ul>

最后发生的是整行的高度被调整为上标或下标的文本,左边粗体的文本垂直居中于这一行。这使得粗体的文本看起来有点奇怪,因为它看起来像是稍微浮在行的底部之上,并且没有与其他文本对齐。我尝试过在CSS中创建一个更大的行高,但这只会使效果更直观。垂直对齐也似乎什么都没做。所以我现在有点没主意了。

有人知道如何将一行中的所有文本(不管行高、下标、上标等)打印在该行的底部吗?