margin-left: 0
У этого и следующих блоков до левого края - 50% ширины окна.
У этого отступ 0. (у него ровно 50%)
margin-left: 20px
У этого дополнительный отступ слева 20px
margin-left: -20px
у этого отступ слева отрицательный на 20px;
margin-left: -300px
у этого отступ слева отрицательный на 300px (на всю ширину самого блока)
margin-left: -150px
у этого отрицательный отступ в половину его ширины (он по центру)
top: 50%; margin-left: -150px;
margin-top: -50px
у этого отрицательный отступ в половину его ширины и в половину высоты и выровнен по вертикали.
