ボックスモデル

要素の中身があり、
その周りの余白がpaddingで、
その周りの線がborder(図のオレンジの線)で、
その外側の余白がmarginですね。

marginをまとめて指定する

・【上下】と【左右】をまとめて指定する場合

marign: 0 auto;

この場合、上下の余白が0px、左右が余白を均等に分けるのでセンター揃えになります。

・【上】【右】【下】【左】をまとめて指定する場合

margin: 0 0 0 auto;

この場合上、右、下に余白がなく左のみに余白があるので、右揃えになります。