如何用标题来标记商标

Question

我的标题应该是这样的。 Image

当我使用跨度并减小尺寸TM时，我的图片看起来像这样， image

作为第一张照片，TM没有站起来 如何解决？

Answer 1

您可以使用sup。或者如果您使用™，它应该与顶部对齐。但是，如果您使用字母“TM”并调整font-size，那么您可以使用vertical-align或flex布局align-items。

.flex span, .inline span {
  font-size: .5em;
}
.flex {
  display: flex;
  align-items: flex-start;
}
.inline span {
  vertical-align: top;
}

<p>Text <sup>&trade;</sup></p>
<p>Text <span>&trade;</span></p>
<p class="flex">Text <span>TM</span></p>
<p class="inline">Text <span>TM</span></p>