Esto es un párrafo normal (sin margenes ni otras reglas referentes al espacio). Simplemente le hemos puesto un borde y otro fondo para que aprecies la forma de su caja, y el espacio reservado.

y un poco mas de texto para que se vea el efecto

Un párrafo mas sin fondo, para que veas que realmente ocupa lo mismo que los anteriores. Ya sabes. Cada elemento forma un bloque.

Como puedes ver, entre el contenido (el texto) y el borde hay un espacio libre. Es el padding

Este párrafo tiene el padding puesto a un valor CERO

Este en cambio un valor de cinco pixels (aplicable a todos sus lados)

Este nuevo párrafo presenta un padding de cinco pixels y un margen con valor cero. Si te preguntas por que no llega al borde mismo de la pantalla es porque los navegadores por defecto dejan siempre un espacio en los bordes.

Comparalo con este otro párrafo al que asignamos padding de 5 pixels y un margen general de un centímetro. Advierte que el margen no es solo a los lados, sino arriba y abajo

Este ultimo ejemplo mantiene un padding de cinco pixels y asigna un margen superior de 1 cm, derecho de 1 cm, inferior de 3 cm y izquierdo de dos cm.

Y otro parrafo normal para que puedas apreciar el margen inferior