La explicacion está justo al lado de Rta: fijate que está en color blanco.
Bueno, ahora veamos:
Cita: Leí que el padding es para eliminar el espacio entre el borde y el contenido del elemento
Te sugiero que si es un libro de donde lo leiste, lo quemes YA. Si es una web que la borres del historial, porque es una aberración. Pero sobre todo porque es TODO lo contrario.
La explicación formal es esta:
http://www.librosweb.es/css/capitulo...y_relleno.html
Más claro que eso no creo poder ser, por eso te pongo el enlace.
Luego el padding (relleno) sirve para separar el contenido de una caja de sus limites (no pongo borde para no confundirte)
Si pones un padding-top de 550px, es lógico que todo lo que ubiques dentro de esa caja se encuentre a una distancia de 550px de su límite superior ¿o no?
Aaaaa... viste, no es tan complicado, siempre y cuando sepas la teoría.
Te recomiendo que bajes esos pdf, empezando por Introducción al Css y del XHtml.
Te garantizo que serán mucho mejores que el libro/web con la cual te estuviste informando.
PD: lee todo el Cap 4, para entender mejor.
Analogía:
Tenes una caja donde vas a poner dentro de ella cosas
El margin es la separación que dejas entre otras cajas de manera que no se toquen.
El border es el espesor del carton o material del cual está hecho la caja
El padding sería la protección (por ejemplo la sustancia blanca conocida por telgopor o poliestileno expandido) que evita que el plasma de 150"" toque las paredes de la caja.