見出し画像

「div」タグのalignについて(CSS)

「div」タグでくくられている要素「ごと」
(文章だけでなく、テーブル構造なども)
中央配置にしようとしたら

コケた…

「text-align」プロパティは、文字通りHTMLに表示した
文章のalign設定となるため
「text-align : center ;」としてもdivタグの【中身】のみが
中央配置になる。

この場合は「margin」プロパティを用いて
「margin : 0px auto ;」とする。

ただし、左右のmarginを指定する場合は
「div」タグのwidthをあらかじめ数値化しておかないと
効かない。
(未指定ではwidthが100%表示になっているから
 autoを設定しても動かない。)


【出典】
https://naokixtechnology.net/css/2209

いいなと思ったら応援しよう!