CSS：與浮動圖像相關的文本元素居中

Question

我想通過讓文本元素忽略左側浮動圖像來居中文本元素（本例中爲h2子標題）。我希望h2子標題垂直居中對齊h1標題。有沒有辦法單獨用CSS做到這一點？
以下是樣本佈局：
http://tinyurl.com/84otx8y
注意：示例圖像的寬度和高度可能會發生變化。

Answer 1

你想忽略浮動元素？這是可能的，但是，我不會推薦這一點，因爲如果你的h2標題是廣本將創造一個醜陋的結果：

.wrapper{ 
    position:relative; 
} 

.wrapper h2{ 
    position:absolute; 
    left:0; 
    right:0; 
    margin-top:1.5em 
    z-index:2; 
} 
.wrapper h2 + p{ 
    margin-top:2.5em; 
} 

注意，該解決方案將對圖像的頂部h2邊界。您可以通過在浮動圖像上使用position:relative;z-index:4來防止此情況。