Question: what is the difference between left and margin-left?
Answer: The simplest way I can explain it is that margin-left moves the element itself, whereas left (with position: relative ) pushes other elements away.