如何在标题标签内放置跨度？

Question

我被迫为以下情况寻找解决方案：

我有一个 h1 标签，如下所示：

<h1 style="text-align: left">FOO FOO FOO<span class="h1subSpan">FOO 1 Foo 2</span></h1>

结果应该如下所示：
FOO FOO FOO这个空间是不可见的，通过浮动Foo1 Foo 2实现

该解决方案适用于 FF、Opera 和 IE8。我怎样才能适应这个，以便也可以与 IE 7 一起使用？

.h1subSpan
{
  font-size:small;
  float:right;
  padding-right:19px;
  padding-top:5px;
}

Answer 1

最简单的方法是执行以下操作：

将 h1 样式设置为position:relative。将 .h1subSpan 类设置为position:absolute; 右：19 像素；顶部：5 像素；

只要您取下浮标，它就应该放在您想要的位置：就在跨度上。