¿Porqué me deja padding?

[AubeRoseau]

Hola, tengo este código html:

Código HTML:

<div id="contenedor">
        <h2> Texto</h2>
    </div>
 

Y esta hoja de estilo:

Código CSS:

#contenedor {
    width: 500px;
    border: 1px solid black;
    margin: 0px;
    padding: 0px;
}
 
h2 {
border: 1px solid red;
}
 

El resultado es este:



Si al contenedor le he asignado padding 0, ¿porqué me deja esa separación entre los elementos?

[jomaruro]

Hola:

Todos los selectores tienen algún valor por defecto, para evitar problemas es conveniente utilizar lo que se llama reset css, que es poner a cero los selectores en todos los navegadores, busca información sobre ello.

En tu caso vale con que pongas al inicio de tu css:

Código CSS:

* {
    margin:0;
    padding:0;
}
 

Saludos.

[sanxuan]

Si quieres quitar el margen sólo de ese texto puedes usar
#contenedor h2 { margin:0 }

[AubeRoseau]

De acuerdo, gracias a los dos!!