html - 如何将h1中的 "sup"与大字体对齐

Question

我正在制作一个网站，其中有一个大字体的 h1。我想做的是制作一个与文本顶部对齐的上标，但无论我做什么 sup 都没有正确对齐。

这是我正在研究的内容! http://plunker.co/edit/gnS915O9PVAe9VKktqFh?p=preview

所以在这个 plunk 中，我试图让“TM”成为 ACME 的上标。然而，它

标记是这样的:

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

风格是这样的:

  body {
    padding: 60px;
    font-size: 10px;
  }
  h1 {
    font-size: 12em;
    text-transform: uppercase;
    line-height: 1em;
  }

  h1 sup {
    font-size: .1em;
    vertical-align: super;
  }

Answer 1

设置垂直对齐和行高:

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

我更新了答案，以负边距将 sup 推向左侧。

笨蛋:http://plnkr.co/T45y7ob43mdNY3fvC73S?p=preview