Poner Líneas Horizontales en las Entradas o en la Sidebar del Blog

Después de haber visto cómo "Enmarcar textos, códigos o cualquier cosa con fieldset y legend", hoy nos toca ver cómo poner líneas horizontales en los post o en la sidebar del blog.

1.- Las líneas orizontales vienen por defecto centradas y con  un sombreado 3-D, pero también podemos quitarle dicho sombreado.

<hr width="85%"> : Este es el código básico para una línea centrada y con sombreado 3-D.

---

2.- También puedes cambiarle el tamaño y grosor combinando los atributos y alinearla a la derecha o a la izquierda, veamos cómo hacerlo:

<hr size="3" align="right" width=40%> : Linea con 3 pixeles de alto, alineado a la derecha y un tamaño del 40% de la página.

---

Si quieres a linearlo a la izquierda cambia (right) por (left) o si quieres centrarlo cambia (right) por (center).

3.- Para quitarle el sombreado 3-D tenemos que añadir la etiqueta (noshade) veamos cómo queda a continuación:

<hr noshade width=85% align=left> : Linea sin sombreado y alineado a la izquierda.

---

Si quieres a linearlo a la derecha cambia (left) por (right) o si quieres centrarlo cambia (left) por (center).

4.- Ahora le agregaremos color a las líneas horizontales, para que podamos combinar con los colores de nuestra plantilla. Veamos el código y su ejemplo:

<hr size=10 width=90% color="#FF8000"> : Linea con altura del 10%, tamaño 90% y con color.

---

5.- Por último veamos como podemos ponerle color y alineado.

<hr size="10" align="right" width=90% color="#FF8000"> : Linea con un alineado a la derecha.

---

Si quieres cambiarle de color cambia lo que está en rojo por el código del color que  más te guste les dejo un generador de códigos de colores. Copia el código de la línea horizontal y pégalo en tu entrada en "Edición de HTML" no en Redactar.