Cómo reducir el interlineado en HTML

HTML facilita crear páginas web básicas y controlar atributos como fuente, tamaño, color e interlineado. Reducir el espacio entre líneas ayuda a condensar una página o reducir espacio en blanco por estética. Basta con unas inserciones rápidas en el archivo HTML.

Paso 1

Identifica la sección de tu documento HTML correspondiente a la parte de la web donde quieres reducir el interlineado.

Paso 2

Envuelve esa sección en una etiqueta <div> (etiqueta de división). Marca una sección a la que aplicar un estilo concreto. Inserta <div> al inicio y </div> al final.

Paso 3

Inserta style= dentro de la primera etiqueta <div>: <div style=>. El operador "style" indica al navegador que debe aplicar un estilo específico a esa sección.

Paso 4

Añade line-height: entre comillas tras el operador style: <div style="line-height:">. Incluye los dos puntos. Este atributo indica al navegador que modifique el espaciado entre líneas.

Paso 5

Inserta un número seguido de % tras los dos puntos: <div style="line-height:50%">. El número es el interlineado deseado como porcentaje del actual. 50% = la mitad de espacio; 200% = el doble. Usa un número menor a 100 para reducir el espacio.

Paso 6

Guarda el documento HTML y pruébalo abriéndolo en un navegador para ver cómo se verá online.