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.

Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Cambiar a mayúsculas o minúsculas
Siguiente
Espacio entre letras