widthやmax-widthで横幅を指定した場合、その値よりもブラウザの幅が大きいと左側に寄って表示されます。
その状態で、項目「margin-left」に値を設定すると、左側に余白が発生します。
margin-left: 100px;
これで左側に100ピクセルの余白が出来ます。
左右の余白を均等にしたい場合は、「margin-left」「margin-right」共に、値「auto」を設定します。
margin-left: auto
margin-right: auto
これで、ブラウザの横幅に応じて動的に余白が調整されます。
【参考】MDN margin-left
【参考】MDN margin-right
戻る back