Entender mejor el concepto del Margin, Border, Padding y Content

[siddartha23]

Es muy fácil: crea un div con fondo gris y escribe un párrafo dentro de él, verás que los textos están pegados al borde, ahora añádele padding: 15px; y el párrafo se separa del borde como una especie de marco, luego añádele un borde: 1px solid black; y ese recuadro va tener un color de borde. Por último copia y pega el div con el párrafo, el segundo div que creaste esta pegado al otro div, para separarlos les pones margin: 8px;. Para eso sirve cada uno de ellos, el "content" no es más que el contenido que ocupa el párrafo...