cssで幅を指定しない要素を横並びにする

css

ちょいちょい忘れるんでメモ。良く画像とテキストの横並びさせることがあるが、個人的には下記のようなCSSを記述することがある。
まぁ今さらっちゃ今更。

でも、両方とも幅を指定したくない時ってあったりする。例えば、スマートフォンの場合は可変で作ることがほとんどだし。(まぁだいたい1カラムレイアウトだと思いますが)
そんな時は、回り込ませる要素に「overflow:hidden」を使用すると幅を指定しなくても横並びにできる。

サンプルと言う訳でもないが、2パターンをjsdo itを使ってみたかったので載せておく。

cssで幅を指定しないで横並び – jsdo.it – share JavaScript, HTML5 and CSS