![見出し画像](https://assets.st-note.com/production/uploads/images/16133557/rectangle_large_type_2_29b05c1ac3b121903c0958307cb2b33c.png?width=1200)
「div」タグのalignについて(CSS)
「div」タグでくくられている要素「ごと」
(文章だけでなく、テーブル構造なども)
中央配置にしようとしたら
コケた…
「text-align」プロパティは、文字通りHTMLに表示した
文章のalign設定となるため
「text-align : center ;」としてもdivタグの【中身】のみが
中央配置になる。
この場合は「margin」プロパティを用いて
「margin : 0px auto ;」とする。
ただし、左右のmarginを指定する場合は
「div」タグのwidthをあらかじめ数値化しておかないと
効かない。
(未指定ではwidthが100%表示になっているから
autoを設定しても動かない。)
この記事が気に入ったらサポートをしてみませんか?