Parrafos con HTML

A veces aunque casi nunca, tratamos de personalizar nuestros párrafos de las entradas dándoles un toque distinto de acuerdo a nuestras necesidades.




Para ello si tienes pensado hacerlo, te presento los siguientes ejemplos:

Ejemplo 1:

En este ejemplo como ves, se justifica el párrafo.

<div style="word-spacing: 30px;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</div>

Si necesitas distanciar un poco mas o un poco menos las palabras, solo varía la cifra del parámetro.

---

Ejemplo 2:


Ahora, las palabras del párrafo son las que se justifican.

<div style="letter-spacing: 5px;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</div>

Al igual que en el ejemplo anterior, si quieres separar las letras, varía la cifra del parámetro.

---

Ejemplo 3:


y por ultimo si observas, las palabras de este párrafo se encuentran amontonadas por lo mismo que los renglones están unidos.

<div style="line-height:15px;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</div>

Si deseas juntar o separar los renglones, haces lo mismo variando la cifra.

---

Por ultimo para terminar, un párrafo combinado.

Ejemplo:

<div style="word-spacing: 30px; letter-spacing: 5px; line-height: 15px;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</div>

Eso es todo por hoy pero por supuesto que nos vemos en una nueva próxima entrada.