28 de abril de 2007

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):



Cómo podeis ver la sangría no se la ha inventado el W3C :)

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>, <H1>, 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 :)


Comparte este Post:
Menéame Digg!

3 comentarios:

Bárbara dijo...

¡gracias por el free tip! me será de utilidad en mi blog.

Gabriel Cuesta dijo...

De nada :)

Stark dijo...

Excelente,

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


Saludos!!