floatした画像の横のテキストを回り込ませたくない。
そんなときにおすすめなのが、『Correcting Orphans w/ Overflow』。floatした画像の横のテキストの回り込みをクリアするCSSです。
右に配置したテキストをwrapするdivに、widthを指定してfloatさせなくても、overflow: hidden;で実現できるようですね。
デモは以下から。
ぜひ見てみてください。
Editor's Note
物件を探しすぎてんーちょっと疲れてきた。
ちょっと広尾を見に行ってきていい感じ。
Related Entry
- CSS3のベンダープレフィクスを自動で追加してくれる「CSSPrefixer」
- Photoshopで作ったようなCSS3のタイポグラフィー
- CSS3で作るクールなお問い合わせフォーム
- CSS3を使ったボタンジェネレータ
- CSSだけでJavaScriptのような動きを実装するサンプル30
