Cree descansos de línea sin tener que usar BR en HTML

Hay varias etiquetas en HTML que proporcionan funcionalidades particulares a las páginas web. Estas etiquetas son de dos tipos: etiquetas de contenedor y etiquetas vacías. Las etiquetas de contenedor consisten en una etiqueta de inicio y una etiqueta final, mientras que las etiquetas vacías consisten solo en la etiqueta de inicio. Más específicamente, el "
"La etiqueta es uno de ellos. Es una etiqueta vacía que crea una línea de ruptura en html. Aunque, existen varios otros métodos para crear una ruptura de línea en lugar de usar esto "
" etiqueta.

Esta publicación te instruirá:

• Cómo crear un descanso de línea utilizando el CSS "Whitespace = pre" propiedad?
• Cómo crear un descanso de línea utilizando el CSS "pantalla = bloque" propiedad?

Cómo crear un descanso de línea utilizando la propiedad CSS "White-Space: Pre"?

El "espacio blanco"La propiedad CSS ayuda a controlar los espacios blancos dentro de los elementos. El "pre"El valor muestra el texto envuelto en rupturas de línea.

Echemos un vistazo al ejemplo declarado a continuación para la demostración.

Ejemplo

En HTML, agregue un ""Elemento asociado con el"estilo"Atributo que tiene el CSS"espacio blanco: pre" propiedad:

Linuxhint
Linuxhint

Producción

Cómo crear un descanso de línea utilizando la propiedad CSS "Display = Block"?

El CSS "mostrar"La propiedad establece el comportamiento de visualización del elemento. Además, es "bloquear"El valor establece el ancho del elemento al 100%.

Ejemplo

Mira el ejemplo a continuación:

• En HTML, agregue el "

  " elemento.

• Dentro de "

  "Elemento incluye dos"durar"Elementos con algún contenido de texto:

> Linuxhint
> Linuxhint

Producción

Tenga en cuenta que el ""Es un elemento en línea, por lo que ambos se mostrarán en una línea. Para que cada uno de ellos se muestre en una línea (ancho completo), se requiere establecer el "mostrar"Propiedad del elemento" "como"bloquear".

Elemento de estilo "Span"

P -Span
bloqueo de pantalla;
Text-Align: Center;

El "Pango de P"Se refiere al" elemento "que tiene padres"

". Este elemento tiene el estilo utilizando las siguientes propiedades:

• "mostrar"La propiedad define el comportamiento de visualización del elemento, mientras que la"bloquear"El valor tiene el ancho completo del elemento.
• "texto alineado"Define la alineación del texto como"centro".

Producción

Se trataba de crear descansos de línea sin usar "
"En html.

Conclusión

En HTML, el "
"La etiqueta se utiliza para agregar una ruptura de línea en un documento. Sin embargo, se pueden agregar saltos de línea sin usar el "
" etiqueta. Para este propósito, las propiedades más comunes son el CSS "bloqueo de pantalla"Para elementos en línea y"White-Space: pre"Para mostrar el texto formateado. Esta publicación ha explicado cómo crear saltos de línea sin usar "
"En html.