og_og https://blog.hatena.ne.jp/og_og/ 漂うマークアップエンジニア https://og-og.hateblo.jp/ HTMLコーダー諸兄は要素の横並びをCSSでスタイリングする場合、どうされているだろうか。 フロート？フレックスボックス？グリッド？ 今年でIE11のサポートが終了し、よりモダンなCSSで案件対応ができるようになった2022年、改めて要素を横並びにする方法について考察してみたい。 ちなみにオジサンがHTMLコーダード新人の頃はtableタグを使う方法が主流であった。SEO対策でサマリー属性にキーワード仕込んだり、余白調整で透明gif画像を使ったりしていたのである。メルマガ等では最近まで使われていたようだ。閑話休題。 さて、以下のデザインカンプを見ていただきたい。 デザインカンプと呼べるかどうか… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fog-og.hateblo.jp%2Fentry%2F2022%2F01%2F10%2F104407" title="オジサン、CSSで要素を横並びにする方法について色々と考察する - 漂うマークアップエンジニア" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/o/og_og/20220110/20220110103703.png Hatena Blog https://hatena.blog 2022-01-10 10:44:07 rich https://og-og.hateblo.jp/entry/2022/01/10/104407 1.0 100%