Índice

Indentación de la primera línea

Esta propiedad permite indentar la primera línea del texto en un párrafo.

text-indent:

valor preciso (por ejemplo, 20px) o bien

valor relativo en porcentaje respecto al ancho del párrafo.

Este ligero desplazamiento, que no estaba previsto en HTML, se obtenía mediante la desafortunada repetición en el código fuente de varios espacios indivisibles ( ).

Ejemplo

<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8"> 
   <style type="text/css"> 
   .indentacion { text-indent: 30px;} 
</style> 
</head> 
<body> 
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Sed non risus. Suspendisse lectus... 
</p> 
<p class="indentacion">Lorem ipsum dolor sit amet, consectetuer  
adipiscing elit. Sed non risus. Suspendisse lectus...  
</p> 
</body> 
</html>
images/CAP14IMG04.png

Comentario

El valor de indentación puede ser negativo. Esto permite obtener efectos no esperados, aunque el resultado no siempre está garantizado.