如何将H1中的“ sup”与大字体对齐

Question

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

这是我正在努力的地方！ http://plunker.co/edit/gnS915O9PVAe9VKktqFh?p=preview

因此，在此尝试中，我试图使“ 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;  
  }

我更新了答案，以使负数以负数向左推动。

柱塞：http：//plnkr.co/T45y7ob43mdNY3fvC73S？p = preview