html - 如何在标题标签内定位跨度？

Question

我不得不为以下情况寻找解决方案:

我有一个 h1 标签，像这样:

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

结果应该是这样的:
FOO FOO FOO 这个空间是不可见的，通过 float 实现 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;右:19px；顶部:5px；

那应该把它放在你想要的地方，只要你拿掉 float :就在跨度上。