HTML/CSSにて自動的に画面の大きさを測って画面の中央に配置するようにしたいです。

Question

HTML/CSSにて自動的に画面の大きさを測って画面の中央に配置するようにしたいです。
margin-left: auto;
margin-right: auto

margin: 0 auto;
いろいろ試しましたがピクリとも動いてくれず左に寄ったままです。「検証」してみたところ認識しているのはわかるんですがほかにどういうコマンドを売ったらいいんでしょう。

Comments

[CHERRY]

CSS は、記載位置によって適用範囲が制限されたり他の部分のCSSで打ち消されることもありますので、html と CSS は、全体を質問に記載していただけないでしょうか？ (テキスト本文等は、仮の文字列に置き換えても大丈夫です。)

Answer 1

margin: 0 auto; を有効にするためには、対象セレクタに対してwidthで幅を指定する必要があります。
また、block要素である必要もあります。

参考記事

Comments

[September4]

参考記事とても参考になりました。ありがとうございます！