Cómo reducir el espacio entre líneas en HTML

Por brandy alexander

Paso 1

Ejecuta tu programa editor de texto y abre tu página HTML.


Paso 2

Coloca el cursor entre la sección “<head></head>” de tu código HTML y escribe el siguiente código CSS: <style type=”text/css”> </style>

Este código CSS crea un marcador de posición para la siguiente regla de estilo.


Paso 3

Introduce un selector dentro de las etiquetas “<style></style>”, que es el elemento de página HTML al que quieres aplicar la regla CSS. Por ejemplo, escribe una etiqueta "p" para controlar la apariencia de los párrafos en tu página web: <style> p </style>


Paso 4

Escribe corchetes de apertura y cierre después del selector "p" e introduce “line-height:” entre los corchetes. Después de “line-height:”, escribe el valor del porcentaje que indica lo lejos que estará cada línea de texto. Los navegadores web normalmente colocan el contenido con un espacio de entre el 110 y 120%. Introduce un valor menor, como 100%, para reducir la altura de la línea. Para ilustrarlo: p {line-height: 100%;}


Paso 5

Guarda tu archivo. Abre tu documento HTML en un navegador web seleccionando "Abrir" o "Abrir archivo" debajo del menú "Archivo" del navegador para ver el espacio de interlineado reducido. Si tus líneas necesitan ajustes, introduce un nuevo valor en la regla CSS.