<h2>后跟<sup>

Question

好吧，我有一个带有公司名称的H2标签，在同一行中我们需要有一个Superscript标签（TM），我有：

<h1 class="Red">Company Name</h1><sup>&#8482;</sup>

我明白了：

公司名称

™

我想有一种方法可以避免使用CSS或其他东西之间的换行符，但我无法弄明白，我将不胜感激。

Answer 1

正确的格式是将整个短语包含在<h1>标记内，如此

<h1 class="Red">Company Name<sup>&#8482;</sup></h1>

Answer 2

请注意，您应用于h1标签的任何样式都将适用于您的sup标签。

<h1 class="Red">Company Name<sup>&#8482;</sup></h1>

我遇到sup标签的主要问题是它们可以在包含它们的行上推高行高。 使用以下CSS很容易修复;刚认为值得一提。

h1.Red sup { line-height: .1em;}

Answer 3

将此添加到您的CSS。

.Red {
    display:inline;
}

标题标记默认为换行符，因此您需要将其设置为显示内联，并且在结束标记后不会中断