¿Diferencias?

Bb-7 · #1 (**permalink**) 15/03/2009, 10:15

Buenas, me gustaría saber exactamente cual es la diferencia entre la propiedad padding, y la propiedad margin de CSS, ya que he obtenido el mismo resultado en ambos códigos:

Código:

p.leftmargin{padding-left: 2cm;}

Código:

p.leftmargin{margin-left: 2cm;}

Un saludo.

JavierB · #2 (**permalink**) 15/03/2009, 10:21

Hola Bb-7

margin es el margen externo y padding es el margen interno:

Haz la prueba cambiando los valores en este ejemplo:

Código css:

Ver original<html>
<head>
<style type="text/css">
div {border:1px solid red; margin:1cm; padding:2cm}
</style>
</head>
<body>
<p>---</p>
<div>Prueba</div>
<p>---</p>
</body>
</html>

Saludos,