css - margin-left 到文本（ text-align: center）

Question

我有一个带有跨度和一些文本的 H2 元素：

<h2><span.../> Some text</h2>

文本居中，我需要将跨度放在其左侧。我在用：

span {
  margin-left: -60px;
}

哪个适用于 Firefox 和 Chrome，但不适用于 Internet Explorer 9。如何使其适用于 IE9 和 IE8？

Answer 1

SPAN 是一个内联元素。这些不能采用水平边距或填充。您需要制作 SPAN display: inline-block。

Answer 2

如果文本居中，您可以float: left;在跨度上使用 a。这将始终确保跨度位于 h2 的最左侧。

如果您只是希望跨度也居中但在行的开头，则无需执行任何操作，因为跨度是内联元素。

看我的例子：

http://jsfiddle.net/kkesk/2/

示例 1 使用 float: left; 示例 2 使用填充。