如何使™出现在XYZ文本上方？

Question

如何使™略高于XYZ文本？

solution_count

如您所见，它们并排对齐。我希望TM稍高于XYZ文本。

Answer 1

在上方写一些东西称为上标，在下方写一些东西称为 subscript 。
在HTML中，您可以使用语义元素<sup>或<sub>：

<p>XYZ<sup>&trade;</sup></p>
<p>H<sub>2</sub>O</p>

Answer 2

您随时可以根据自己的喜好调整vertical-align：

div div {
  display: inline-block;
  border: 1px solid red;
}
div div:last-of-type {
  font-size: 0.6em;
  vertical-align: 2em;
}

<div>
  <div>XYZ</div>
  <div>&trade;</div>
</div>

---

注意：此答案是在（可能有缺陷的）假设下写的，该假设是问题中的标记是网站布局的一部分，任何解决方案都应解决—部分原因是，并非所有问题，但大部分是由标记引起的首先选择：

<div>
  <div style="display: inline-block;">XYZ</div>
  <div style="font-size:0.6em;display: inline-block;">&trade;</div>
</div>

XYZ&trade;

对于在这里搜索将™显示为上标的一般解决方案的任何人，我建议将<sup>设置为mx0's answer。从语义的角度来看，它可能不是entirely satisfactory，但它远胜于其他任何东西：）