Html 我可以在a<；sub>；标签

我试图显示一个公式。分母在文本中很长，我想断线。有人能帮忙吗

我当前的代码：

<p>
   <sup>Active Subscribers</sup>
   <span style="font-size:30px;">/</span>
   <sub>Total Number of Subscribers</sub>
</p> 

但是有sup和sub标签。对不起，我不知道为什么我不能添加图像

---

这里有一个代码笔链接：

我想你可以像这样使用css网格：

<div class="grid-container">
  <div class="grid-item"><sup>Active Subscribers</sup>
    <span style="font-size:30px;">/</span>
  </div>
  <div class="grid-item">
    <sub class="tete">Total Number <br> of Subscribers</sub>        
  </div>
</div>

---

只需删除br标记并添加css规则：

sub{
显示：内联块；
宽度：80px；
}

sub{
显示：内联块；
宽度：80px；
}

活跃用户
/
订户总数

添加br标记时：

活跃用户
/
订户总数

我需要“总数”下的“订户数”

furas不远

请参见=>

sub{
显示：内联块；
垂直对齐：文本顶部；
}

活跃用户
/
订阅者总数

正如我所说，MathML可以很容易地做到这一点：

活跃用户
订户总数

当然，支持不是应有的，因为MathML是HTML标准的一部分：

以下是我看到的，因为我使用Firefox作为主要浏览器：

---

如果您决定在将来走这条路线，我会从这里开始：

您是否考虑过使用或多或少为此而设计的产品：？另外：我只想指出，你在你的代码笔链接中的评论是错误的。在HTML中，如果要添加注释，可以将文本放在

之间。示例：

sup

和

sub

是

inline

元素。如果您使用

sub{display:inline block}

则可以得到更好的结果，但可能还不够。请看我的答案……您说“当我添加br标记时”，但您的第二个示例没有br标记。正是宽度为80px的

得到了要包装的总数，正如您在第一种情况下看到的那样。设置宽度仅适用于这种情况——如果文本不同，则必须选择不同的宽度。添加

标记（您说您这样做，但您不这样做）将不必设置宽度。
<div class="grid-container">
  <div class="grid-item"><sup>Active Subscribers</sup>
    <span style="font-size:30px;">/</span>
  </div>
  <div class="grid-item">
    <sub class="tete">Total Number <br> of Subscribers</sub>        
  </div>
</div>

.grid-container {
  display: inline-grid;
  grid-template-columns: auto auto auto;
}

<math>
    <mfrac>
        <mi>Active Subscribers</mi>
        <mi>Total Number of Subscribers</mi>
    </mfrac>
</math>