Q.margin: 0 autoってなんなの？

「なんかいい感じに右揃えしてくれるヤツ」くらいの認識だった。

結論

「親要素の幅から自分自身の幅を引き算した値を自動的に設定するよ」という文。

たとえば中央揃えのときはmargin: 0 autoと指定してあげれば、わざわざプロパティに適切な値を求める計算式を書かなくても CSSが勝手に適切な幅を計算して要素の両側に空白を入れてくれる ...ってワケ。

これをmargin-leftだけに指定すれば右揃え、margin-rightなら左揃えも可能。おもしろい。