me aumenta el padding

Citar

Escrito el 18 Nov 2011 08:29 pm

amigos porque cuando pongo el <h5> me aumenta el padding y cuando saco el <h5> el padding es normal osea 2 px

Código HTML :

<style type="text/css">
#f{width:100px; height:100px; background:#999999; background:#333333; padding-top:2px;}
hgroup{width:30px; height:20px; background:#666666;}
</style>
<body>
<section id="f">
 <hgroup>
   <h5>cr</h5>
 </hgroup>
</section>

</body>

Por Crhis-1610

33 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 18 Nov 2011 10:28 pm

Porque el navegador al tag h5 le pone un padding por omisión. De hecho cada tag tiene sus propios valores por omisión para cada atributo de estilo.

Para evitar éste y otros problemas, el consejo es que uses Reset CSS.

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 18 Nov 2011 10:50 pm

No aumenta el padding, los encabezados y párrafos tienen un margin (top/bottom) por omisión

Agrega a tus estilos

Código HTML :

h5{margin: 0;}

*nota: Al poder cambiar las propiedades por omisión, en caso de que tu título sea de mayor importancia que un 5 y quieras que su tamaño sea menor (parecido al de h5) solo cambia la propiedad "font-size"

Por nasho

Claber