How to insert a divider line inside a post/page?

[Fabio]

Hi there,
I'm currently inserting the image of a line as a divider inside my posts and pages but there must be an easier way!
How do you insert a divider inside a post to separate elements in a list?

Thanks!
Fabio

[Davinder Singh Kainth]

Use <hr> in post content while in html mode.
Refer - http://www.w3schools.com/tags/tag_hr.asp

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Fabio]

Thanks but that hr looks terrible tough.

[Henrik Blomgren]

You could try adding some CSS to it. Let´s say that you have your content inside a tag called .entry-content as most genesis themes use. Then do add some lines between the entry content and the stuff below you can add in the css

.single .entry-content {
padding-bottom: 4rem;
border-bottom: 1px solid #ccc;
}

This will create a bit of area below the entry content tag and then place a 1px solid colored border the whole width.

Otherwise you can style the <hr> tag but that is something I haven´t done on my own so I do not know how one do this.

[Davinder Singh Kainth]

You can style hr line - http://webdesign.about.com/od/beginningcss/a/style_hr_tag.htm

As such, I prefer using h2 tags to act as article breaker. Like

<h1>Post title</h1> This is default
Intro para

<h2>First sub-heading</h2>
Text

<h2>Second sub-heading</h2>\
text

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Author]

Posts