Párrafos más ordenados con margen inferior
publicado el 21.09.07 en Diseño, Wordpress
Para darle a nuestra tipografía web un poco más de orden, podemos hacer un espaciado entre los párrafos, lo cual separará el contenido y lo volverá más agradable de leer. Para realizar esto, simplemente debemos utilizar el tag.
Cuando estemos escribiendo un texto largo en HTML debemos marcar los párrafos con el tag, lo cual, por ejemplo, se hace automáticamente cuando escribimos un post en Wordpress. Sabiendo esto, lo que debemos hacer es agregarle un margen inferior que no debe ser grande y que dependerá del tamaño de la fuente que estemos usando.
p {
margin-bottom: 1.5em;
}
También recomendaría utilizar un interlineado para cada párrafo, lo cual también determinará la altura de margen inferior que establecimos. Obviamente pueden poner el tamaño que más se adecue a su diseño, pero manteniendo unas buenas proporciones 1.5em estaría bien.
Para que una vez aplicado no quede desestabilizado nuestro diseño, demos aplicar esto también a nuestras listas y tal vez a los blockquotes:
p, ul, ol, dl, blockquote {
margin-bottom: 1.5em;
}

