<H2> 后跟 <Sup>答案

【问题标题】：<H2> followed by <Sup><H2> 后跟 <Sup>
【发布时间】：2015-06-11 22:30:48
【问题描述】：

嗯，我有一个带有公司名称的 H2 标签，在同一行中我们需要一个上标标签 (TM)，我有：

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

我明白了：

公司名称

™

我想有一种方法可以避免使用 CSS 或其他东西在这些标签之间出现换行符，但我无法弄清楚，我将不胜感激。

【问题讨论】：

标签： html css tags

【解决方案1】：

正确的格式是将整个短语包装在您的 <h1> 标记中，就像这样

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

【讨论】：

【解决方案2】：

请记住，您应用于 h1 标记的任何样式也将应用于您的 sup 标记。

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

我在使用 sup 标记时遇到的主要问题是它们可以提高包含它们的行的行高。使用以下 CSS 很容易修复；只是觉得值得一提。

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

【讨论】：

【解决方案3】：

将此添加到您的 CSS 中。

.Red {
    display:inline;
}

标头标签默认为换行符，所以你需要将其设置为显示内联，在结束h标签后不会换行

【讨论】：