marginを3つで書いた場合は、
上 左右 下
の順です。なので、
margin: 20px 0 0;
は次と同じ意味です。
margin-top: 20px; margin-right: 0; margin-bottom: 0; margin-left: 0;
つまり、
上:20px
右:0
下:0
左:0
になります。
覚え方はこうです。
1つ:全部
2つ:上下 左右
3つ:上 左右 下
4つ:上 右 下 左
CSSの省略指定は、お弁当箱みたいに詰め方ルールが決まっています。3つ目までは素直だけど、左だけは2つ目の「左右」に吸収されます。