CSS - espaciado de línea de ajuste

CSS - espaciado de línea de ajuste
HTML y CSS son dos tecnologías centrales para crear y diseñar páginas web. Los usuarios pueden agregar datos en muchas formas, como líneas, párrafos, tablas y bloques. Para evitar el desorden y manejar los datos en una secuencia adecuada, CSS proporciona la instalación para agregar espaciado de línea entre los diferentes elementos HTML para organizar datos.

Esta publicación demuestra las instrucciones para establecer el espacio de línea en CSS.

Cómo establecer el espacio de línea en CSS?

Para establecer el espacio de línea en CSS, agregaremos datos en HTML. Para hacerlo, siga las instrucciones dadas:

  • Primero, agregue la etiqueta de encabezado "

    "Para poner el encabezado.

  • Luego, mencionaremos cuatro ejemplos diferentes para establecer el espacio de línea con los nombres "Ejemplo 1: 30px","Ejemplo 2: 50px","Ejemplo 3: 1 cm", y "Ejemplo 4: 2cm".
  • Agrega un ""Contenedor en cada encabezado y asigne la clase a cada elemento Div. Por ejemplo, hemos establecido el nombre de clase como "Ejemplo A","Ejemplo-B ", "Ejemplo-C", y "Ejemplo-D", Respectivamente:

Cómo establecer una propiedad espacial de línea en CSS


Ejemplo 1: 30px


Esta es la línea con el espacio de línea especificado.>

El espacio de la línea se establece como 30px.

Ejemplo 2: 50px:


Esta es la línea con el espacio de línea 50px especificado.>

El espacio de la línea se establece como 50px.

Ejemplo 3: 1cm:


Esta es la línea con el espacio de línea de 1 cm especificado.>
El espacio de la línea se establece como 1 cm.

Ejemplo 4: 2cm:


Esta es la línea con el espacio de línea especificado de 2 cm.>

El espacio de la línea se establece como 2 cm.

La salida del código de mención anterior se da a continuación:

Establecer espaciado de línea en CSS

En el ""Etiqueta, acceda a todas las clases una por una como se muestra a continuación:

.Ejemplo-a
Línea de altura: 30px;

.Ejemplo-B
Línea de altura: 50px;

.Ejemplo-C
Línea de altura: 1 cm;

.Ejemplo-D
Línea de altura: 2 cm;

Acceda al elemento div por nombre de clase, como ".Ejemplo A"Y aplique la propiedad CSS"linealt ". Después de eso, establezca el valor de esa propiedad de acuerdo con su elección. Aplicar la misma propiedad en todas las clases y un espacio de línea respectivo.

Se puede observar que hemos establecido con éxito el espacio de línea en cada ejemplo:

Hemos aprendido sobre la instrucción para establecer el espacio de línea en CSS.

Conclusión

Para establecer el espacio de línea, primero, cree el múltiplo simple "div" envase. Luego, especifique las clases para acceder a ellas. Después de eso, en la sección CSS, acceda al contenedor "Div" con sus respectivas clases y aplique el "linealT ”propiedad CSS. Este blog ha demostrado las instrucciones para establecer el espacio de línea en CSS.