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

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. ¿hay alguna manera de eliminar estos márgenes, o hacer cualquier cosa para reducirlos?

Respuestas

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.

Miguel Angel
3140 140 209 17