I\'m not sure if I fully understand the difference between these two.
Can someone explain why I would use one over the other and how they differ?
The top property is a position property. It is used with the position property, such as absolute or relative. margin-top is an element's own property.
top
position
absolute
relative
margin-top