La etiqueta H1 aún tiene un relleno o margen en la parte inferior, aunque no se configuró ninguno.La etiqueta H1 todavía tiene un relleno o margen en la parte inferior, aunque ninguno configuró
Tengo una etiqueta h1 y un poco de texto debajo. Establecí el margen y el enmudecimiento en 0 en ambos y el texto aún no se encuentra justo debajo del texto h1.
He creado un violín de JS para ilustrar mi punto
no tiene ningún relleno. Solo hay espacio asignado por defecto line-height y no hay caracteres con descendientes (como p, q y g) en el texto.
Trate de usar line-height: 70px;
Espero que esto ayude!
Esto tiene algo que ver con la altura de línea. Quizás una alternativa sería establecer un margen negativo para el primer párrafo.
Aquí está un ejemplo jsFiddle
alternativa usted puede ajustar la altura de la línea a un valor que no sea automático (por defecto)
Cada font tiene su propio espacio vertical que se llama línea-altura. Es el line-height de H1.
Marque esta http://jsfiddle.net/6hCrC/4/
Ajust la línea de altura. http://jsfiddle.net/6hCrC/13/
La solución mejor aquí es:
h1, h2, h3, h4 {line-height: 1em;}
Hay varias respuestas a esta brillantes; Solo quiero agregar que puede verificar fácilmente cuánto espacio está realmente tomando el elemento con la regla 'border: 1px solid black'.) – raina77ow