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来防止此情况。