Inserir una línia horitzontal

Podem inserir una línia horitzontal en el nostre blog per separar textos o elements del blog.
La línia s'adapta automàticament a l'espai en el qual la inserim.
Usarem aquest codi:

<hr >
Ho veurem d'aquesta manera:

---

Podem canviar el color o el gruix modificant el codi:

<hr color="green" >
<hr color="red" size="7">
<hr color="#d4dd00" size="1">
Aquest és el resultat:

---

---

---

Si la volem més curta, hem d'indicar la mesura d'aquesta manera:

<hr color="orange" size="3" width="190">
Aquest és el resultat:

---

També podem fer una línia de punts:

<hr style="border: dashed; color: yellow">
<hr style="border: dashed; color: #999999">
<hr style="border: dotted; color: cyan">
Que veurem així:

---

---

---

Si en posem dos seguits consiguim un efecte de doble línia:

<hr ><hr >
Que queda així:

---

---

Podem usar dues línies seguides per destacar un text:

<hr >AQUÍ ESCRIUREM EL TEXT QUE VOLEM DESTACAR<hr >
Quedarà d'aquesta manera:

---

Entre tots dos codis, escriurem el text que volem destacar

---