Párrafos con sangría

Veamos algo muy sencillo: ponerle sangría a la primera línea de cada párrafo. A muchas personas esto les facilita la lectura más que si se agregan líneas vacías entre los párrafos (especialmente cuando el texto es largo) y además permite reservar las líneas vacías para indicar cortes más importantes.

El truco consiste en poner sangría solamente a los párrafos que siguen a otros párrafos. El primer párrafo de la página no necesita sangría, ni tampoco los que siguen a un diagrama, un encabezado o cualquier otra cosa que esté separada del texto. Las reglas son verdaderamente muy sencillas:

p {
  margin-bottom: 0 }
p + p {
  text-indent: 1.5em;
  margin-top: 0 }

Esto agrega una sangría solamente a la primera línea de aquellos párrafos que están después de otros párrafos. Además, elimina el espacio debajo de todos los párrafos y encima de los que tienen sangría. Pero en la práctica observará que todavía hacen falta excepciones.

Por ejemplo, en esta página hay elementos P que se usan como leyendas de imágenes (ver el ejemplo "Figuras y leyendas"). Puesto que hemos centrado esos párrafos, no deberían tener sangría. Una sencilla regla "p.caption {text-indent: 0}" basta para lograr lo que deseamos. Puede ver que de hecho hemos usado esa regla en el ejemplo.

Ahora podemos usar diversas cantidades de espacio en blanco entre los párrafos para indicar cortes importantes en el texto. Definamos tres clases diferentes: stb (por small thematic break, pequeño corte temático), mtb (medium thematic break; corte temático medio) y ltb (large thematic break; gran corte temático). Hemos asignado a este párrafo la clase stb, para que pueda ver el efecto.

p.stb { text-indent: 0; margin-top: 0.83em }
p.mtb { text-indent: 0; margin-top: 2.17em }
p.ltb { text-indent: 0; margin-top: 3.08em }