Desarrollo Web: CSS, cómo poner una sangría en un párrafo.



Bueno, pues poner sangría a un párrafo consiste en que la primera línea de cada párrafo aparezca un poco más hacia la derecha que el resto. Aquí teneis un ejemplo (la zona marcada en azul):

Muy bien, pues para hacer esto con CSS tenemos la propiedad text-indent que nos permite establecer esa sangría ya sea por longitud o por porcentaje.

Pero claro, esta propiedad sólo funciona con tags HTML que agrupen bloques de texto cómo <P>, &ltH1>, los típicos <div>, etc...

Para hacerlo en la práctica:
  • Hola (Aquí con text-indent:4px;)
  • Hola (Aquí con text-indent:15%;)


Y ahora ponemos la sintonía final del Libro gordo de Petete (los más viejos del lugar la recordarán bien) y hasta el siguiente post :)

Comentarios

Anónimo ha dicho que…
¡gracias por el free tip! me será de utilidad en mi blog.
Gabriel Cuesta ha dicho que…
De nada :)
Fabio Romero ha dicho que…
Excelente,

Con el comando "blockquote" puedes aplicar sangría a ambos lados


Saludos!!