Html “如何对齐”；sup"；在h1中使用大字体

我正在做一个网站，我有一个大字体大小的h1。我试图做的是使上标与文本顶部对齐，但不管我怎么做，上标都没有正确对齐

这就是我正在做的事情！

所以在这篇文章中，我试图让“TM”成为ACME的上标。但是,

加价是这样的：

  <h1>
    acme
    <sup>TM</sup>
  </h1>

---

设置垂直对齐和线条高度：

 h1 sup {
    font-size: .1em;
    vertical-align: top;
    line-height: 35px;
    margin-left: -30px;  
  }

我更新了答案，将sup推到左边，留有一个负边距

---

Plunker:

acme之后的额外换行符将换行到下一行。。。看到你的叉子了吗

acmeTM

在Chromium 24/Ubuntu 12.10中，我唯一能做到这一点的方法是使用：

h1 sup {
    position: relative;
    display: inline-block;
    font-size: .1em;
    top: -2em;

}

---

.

它没有断开，只是视图端口不太宽。谢谢。。。以前试过这个…我能把TM对齐在字母“E”顶部的右边而不是上面吗？当然，只需要左边空白：-30px；没问题，只需添加行高：40px或需要多少行即可。我尝试了垂直对齐：xx%，但当h1调整对齐中断的大小时。@learning\u bee尝试在

ems

中执行所有操作。类似于：

h1 sup{font size:.25em；垂直对齐：顶部；线条高度：1.75em；左边距：-1em；}

那么

sup

将使用

h1

调整大小，为什么要这样做？使用商标符号的正确方法是使用“™” 字符。如果您不同意字体设计师的外观，请使用其他字体。我需要将“TM”按比例缩小。那么如何使™ 站在字号较小的字母E旁边。将其包装在内联元素中并设置字号对我不起作用。有什么想法吗？

  <h1>
    acme<sup>TM</sup>
  </h1>

h1 sup {
    position: relative;
    display: inline-block;
    font-size: .1em;
    top: -2em;