横幅不定のサムネイルとテキストを横幅指定せずに横並びにするCSS
これでtable-cellとかしなくてもOKになる。幸せかも。なんで知らなかったんだろ。
<style type="text/css"> .thumb{float:left;} .text{overflow:auto;zoom:1;} </style> -- 中略 -- <p class="thumb"><img src="/any-size-image.jpg" alt="横幅不定の画像" /></p> <p class="text">てきすとてきすとてきすとてきすとてきすと</p>
追記
@Tkazudo さん曰く @yomotsu さんが記事にしてるらしいです。yomotsu 先生さすがだなー。
http://twitter.com/Takazudo/status/5118867184
Takazudo @neotag @yomotsu がweb creatorsにかいてた! あとこんなんとか→ http://bit.ly/2ki80l
追記2
.textにzoom:1;の指定を忘れていました。 @tacamy さんご指摘ありがとうございます!
http://twitter.com/tacamy/status/5224085897
@neotag さんの、http://d.hatena.ne.jp/neota... コレ、知らなかったからさっそく使ってみた! ちょー便利!IE6には.textの方にzoom:1;つけたらうまくいった!
追記3
overflow:auto; 使ってるのは万が一とんでもないサイズの子要素が入った時に情報が欠如するのを避けるためです。
スクロールとか気になる人は hidden にすればその場しのぎは出来ると思います。想定外の挙動に対してどう解決するか、なので必要に応じて変えてください。