Dividers and Lines

Adding Lines

You can add a simple line to break up content or draw attention to a specific area on your page.

<hr style="border: 1px solid grey;"/>

---

<hr style="border: 2px solid green;"/>

---

<hr style="border: 3px solid blue;"/>

---

<hr style="border: 4px solid orange;"/>

---

<hr style="border: 0; border-top: 5px double #028090"/>

---

Resources

• HR HTML Tag Links to an external site. - Using the <hr> tag (includes the 'Try It Yourself' button to test out your code)
• HTML Color Picker Links to an external site. - Find the code for the color you want