CSS - sangría de texto

Descripción

La propiedad text-indent define una distancia de sangría para la primera línea de texto en un elemento a nivel de bloque.

Valores posibles

length- Cualquier valor de longitud. Se permiten longitudes negativas para la propiedad y producirán un efecto de "sangría francesa".
percentage - La primera línea de texto está sangrada por una distancia relativa al ancho del bloque contenedor del elemento.

Se aplica a

Todos los elementos a nivel de bloque.

Sintaxis DOM

object.style.textIndent = "20px";

Ejemplo

A continuación se muestra el ejemplo que demuestra cómo sangrar la primera línea de un párrafo:

<html>
   <head>
   </head>

   <body>
      <p style = "text-indent:1cm;">
         This text will have first line indented by 1cm 
      </p>
      
      <p style = "text-indent:1cm;">
         this line will remain at its actual position this is done by 
         CSS text-indent property.
      </p>
   </body>
</html>

Esto producirá el siguiente resultado:

↰ Previous page