logo

¿Cómo sangrar texto en HTML usando CSS?

En este artículo, analizaremos varios métodos para sangrar texto en un documento HTML. La sangría de texto se utiliza para establecer la longitud del espacio en blanco vacío antes de las líneas de texto en un bloque. Generalmente marca el comienzo de un párrafo.

Existen algunos enfoques comunes para la sangría de texto:



Tabla de contenidos

Utilizando el propiedad de margen izquierdo :

Esta propiedad se utiliza para agregar un margen a la izquierda de un elemento. Se puede utilizar para agregar la sangría requerida especificando el espacio necesario en unidades de longitud o porcentajes adecuados.

métodos matemáticos en java

Ejemplo: Este ejemplo utiliza la propiedad de margen izquierdo para sangrar todo el bloque de texto.



HTML






> <>html>>> <>head>>> ><>style>>> >p {> >margin-left: 40px;> >}> >style>cabeza>

Bienvenido a GFGh2>

¡Ofrecemos una variedad de servicios para que usted aprenda, prospere y también se divierta! Tutoriales gratuitos, millones de artículos, cursos en vivo, en línea y presenciales, concursos de codificación frecuentes, seminarios web impartidos por expertos de la industria, oportunidades de pasantías y oportunidades laborales. p>cuerpo>html>>

>

>

Producción:

Utilizando el propiedad de sangría de texto:

Esta propiedad se utiliza para establecer la cantidad de espacio antes de la primera línea de texto en un párrafo. Se puede especificar en unidades de longitud o en porcentaje, según sea necesario.

Ejemplo: En este ejemplo, se sangra la primera línea del párrafo utilizando la propiedad text-indent.

HTML




> <>html>>> <>head>>> ><>style>>> >p {> >text-indent: 40px;> >}> >style>cabeza>

Bienvenido a GFGh2>

¡Ofrecemos una variedad de servicios para que usted aprenda, prospere y también se divierta! Tutoriales gratuitos, millones de artículos, cursos en vivo, en línea y presenciales, concursos de codificación frecuentes, seminarios web impartidos por expertos de la industria, oportunidades de pasantías y oportunidades laborales. p>cuerpo>html>>

>

>

Producción:

Usando propiedad de relleno izquierdo :

La propiedad padding-left en CSS especifica la cantidad de espacio entre el borde izquierdo del cuadro de contenido de un elemento y su contenido interno. Crea relleno en el lado izquierdo, alejando el contenido del límite izquierdo del elemento y proporcionando espacio y sangría.

subcadena de recorte de javascript

Ejemplo: En este ejemplo, usamos la propiedad de relleno izquierdo con un ejemplo.

HTML




> <>html>>> <>head>>> ><>style>>> >p {> >padding-left: 60px;> >}> >style>cabeza>

Bienvenido a GFGh2>

¡Ofrecemos una variedad de servicios para que usted aprenda, prospere y también se divierta! Tutoriales gratuitos, millones de artículos, cursos en vivo, en línea y presenciales, concursos de codificación frecuentes, seminarios web impartidos por expertos de la industria, oportunidades de pasantías y oportunidades laborales. p>cuerpo>html>>

>

>

Producción: