利潤率左爲文本（文本對齊：中心）

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

的文本居中，我需要把跨度在其左側。我正在使用：

span { 
    margin-left: -60px; 
}

哪些適用於Firefox和Chrome，但不適用於Internet Explorer 9.我如何使它適用於IE9和IE8？

SPAN是一個內聯元素。這些不能採用水平邊距或填充。您需要製作SPAN display: inline-block。

2012-09-20 21:01:38

應該注意''inline-block'在IE8中工作[只有當你聲明一個doctype時]（http://stackoverflow.com/questions/9110646/ie8-display-inline-block-not-working）。 –

謝謝羅迪。 –

內聯元素可以有左/右填充，只是沒有餘量。 – Mark

如果文本居中，則可以在範圍上使用float: left;。這將始終確保跨度位於h2的最左側。

如果您只是希望跨度也居中，但在行的開頭，則不需要執行任何操作，因爲跨度是內聯元素。

見我的例子：

例1個使用浮動：左; 示例2使用填充。

2012-09-20 21:08:13 Mark

在第二個示例中，文本不居中。所有元素都被集中。 –

@JhonnyEverson這兩個例子都是以文字爲中心的。我只是在span上添加了填充以證明可以在內聯元素上填充內容。 – Mark

回答