Forums

Get help. Give help. A Web Design and Development Community.

Best way to make hr lines between text?

  • # January 9, 2013 at 8:12 pm

    Like this:


    Name



    I want to create this, and I have seen and used a few examples, but what is the cleanest way to do it nowadays?

    # January 9, 2013 at 8:23 pm

    This reply has been reported for inappropriate content.

    @misterrpg,

    Here are some samples…, the last one you can prolly adapt to what you want

    # January 9, 2013 at 9:25 pm

    Also, @wolfcry911 made a pen of this: http://codepen.io/wolfcry911/pen/IqLst

    # January 9, 2013 at 9:28 pm

    This reply has been reported for inappropriate content.

    Here’s a way to do it with a single element (browser support isn’t 100% though): http://jsfiddle.net/joshnh/3PG8j/

    # January 9, 2013 at 9:29 pm

    This reply has been reported for inappropriate content.

    @chrisburton, that’s a good one :)

    # January 12, 2013 at 12:26 pm

    I see, I didn’t know it would be so simple.. Thanks!

    # January 12, 2013 at 12:27 pm

    Is there any way to add a grainy effect to an hr line?

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

We have a pretty good* newsletter.