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来阻止这种情况。