How to Create a Solid line within Blog Post

  • I tried looking around for this answer but to no avail.
    With some of my blog posts, I want to put three separate stories and would like to separate each story with a solid black line.
    IN the past I have used either the underscore or the equal sign:
    ____________________________________________________________________

    ====================================================================
    Is there some kind of HTML code I can use instead?

Viewing 3 replies - 1 through 3 (of 3 total)

  • You could use <hr> horizontal rule, but I think search engine spiders can get hung up on them.

    You can put a div there <div class="blackline"></div> with like 2 pixels height and whatever width you want, then set .blackline{border-bottom:solid black 1px;} in the style.css

    Or you can create an image that is black and exactly 1 pixel in size, set it as the background-image for the div with an X repeat, and that will draw a black line across the post.

    Or you can create an image that is a black line, and insert that into your post where you want it.

    WordPress has a method for doing it on the front page between excerpts, but I can’t remember what it is right now.

    Thread Starter choklitfactory

    (@choklitfactory)

    Thanks FishDog…I tried looking for pictures of lines, but couldn’t find any…anyone else have suggestions?

    Pictures of lines aren’t really that popular, so you’ll probably have to make your own.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to Create a Solid line within Blog Post’ is closed to new replies.

Tags