CSS：浮動画像に関連したテキスト要素のセンタリング

Question

浮動画像を無視してテキスト要素（この場合はh2サブ見出し）を中央に配置したいと考えています。私の好みは、h2の見出しがh1の見出しと垂直に整列するようにすることです。 CSSだけでこれを行う方法はありますか？
サンプルレイアウトは次のとおりです。
http://tinyurl.com/84otx8y
注：サンプルイメージの幅と高さが変わることがあります。

Answer 1

フローティング要素を無視しますか？それは可能です、しかし、私はあなたのh2見出しが広いのであれば、これは醜い結果を作成して、これをお勧めしません：このソリューションは、画像の上に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; 
} 

注こと。フローティングイメージにposition:relative;z-index:4を使用すると、これを防ぐことができます。