Definir los márgenes de un encabezamiento o título <h1>

Tengo un titulo o encabezamiento de página con <h1>, pero los márgenes que me deja abajo y arriba no me acaban de gustar. Me parecen excesivos....

La FAQ Definir los márgenes de un encabezamiento o título <h1> tiene

Pertenece a la categoría:

Pregunta
Tengo un titulo o encabezamiento de página con <h1>, pero los márgenes que me deja abajo y arriba no me acaban de gustar. Me parecen excesivos. ¿hay alguna manera de eliminar estos márgenes, o hacer cualquier cosa para reducirlos?


Respuesta de Miguel Angel Alvarez
Si que se pueden eliminar o hacer más pequeños, con hojas de estilo en cascada CSS.






Lo que tienes que hacer es definir un estilo css para la etiqueta <h1> de tu página, indicando que no quieres márgenes, o que los quieres del tamaño que más te convenga.




De esta manera puedes aplicarle un margen dado a un titulo <h1>, o cualquier otro elemento de HTML.




<h1 style="margin: 0px">titular</h1>




Así le estás indicando que no quieres márgenes en esa etiqueta. Es decir, cero píxel de margen.




También puedes definir un estilo en el head de la página, para que todos los <h1> de la página tengan unos márgenes definidos.




<STYLE type="text/css">


H1 {margin: 3px 0px 10px 0px;}


</STYLE>




Así le estás indicando los márgenes que deben tener todos los encabezamientos <h1> de la página. Estás indicando 3 píxeles de margen por arriba, 0 por la derecha, 10 por abajo y 0 por la izquierda.




Todo esto y más está explicado en nuestro manual de CSS.

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

Volver al árbol de categoríasVolver al árbol de categorías
Alojados en el grupo