エンジニア向け！CSSレイアウト講座＆用途別に選べる横並び・中央寄せのまとめ - Qiita

私の会社では、HTMLやCSSまわりはデザイナーやコーダー、マークアップエンジニア、フロントエンドエンジニアが作るのですが、 たまに工数の関係でバックエンドエンジニアやサーバーサイドエンジニアに直接HTML/CSS側を修正してもらうことがあります。 今回は、その方々向けによく質問に上がるようなレイアウトの基礎部分を教えるために展開した資料を再度まとめました。 ※HTML/CSSのソースが書いてある部分は、codepenなどで実際にソースを表示しながら説明したので 同じように確認してもらえると分かりやすいとおもいます。 ながれ HTMLのブロック要素とインライン要素 positionプロパティ 横並びのCSS 中央寄せのCSS（テキスト） 中央寄せのCSS（ブロック） まとめ HTMLのブロック要素とインライン要素 CSSの前に、少しだけHTMLについて説明をしたいと思います。 HTMLには

[sozesoze]

HTML5以前の話？a要素内にdiv要素入れるの便利。

[chienavi]

エンジニア向け！CSSレイアウト講座＆用途別に選べる横並び・中央寄せのまとめ - Qiita めっちゃ分かりやすい

[RATCHO]

新入社員の為にもこういう類が纏まってるのは助かるなぁ

[pmint]

今float使うのはアンチパターンでは。影響範囲が広いので解除し忘れると、その箇所とどこで解除すべきかを特定しづらい。

[yama226-33]

ブックマーク