The Redhead Riter

Witty, Intelligent & Addictive

HTML Horizontal Rules – Dividers

By 9 Comments

Have you ever wanted to divide your page with a line?

A horizontal rule is a fancy name for a line divider and there is an HTML code to create them. When it is used, it creates a divider that will go all the way across the page like this:

default width, color, size

By adding width=”75%” we can create a line that is only 75% the width of the page. Of course, it still uses the default color and line thickness:

default width and color

By adding width=”75%” and size=”4″ we can create a line that is only 75% the width of the page. However, we are adjusting the color to black and line thickness (size) to 4:


By adding width=”50%” and size=”6″ we can create a line that is only 50% the width of the page with red as the color and line thickness (size) of 6:

By adding width=”35%” and size=”8″ we can create a line that is only 35% the width of the page with yellow as the color and line thickness (size) of 8:

By adding width=”20%” and size=”10″ we can create a line that is only 20% the width of the page with blue as the color and line thickness (size) of 10:

Nifty little code, huh? If you rather have a .gif image as a divider instead, here are a few sites that will help you:

Blog” post explored Email Contact – Mailto Blogging Tips. Can your readers contact you with ease or are you missing out on relationship building?

As always, attached is the weekly Linky to enter either the main URL to your site or add each post you publish throughout the week. You don’t have to do anything special, just drop your link in and get a little extra exposure to your site.

Until next week’s wooing post, have fun using dividers and I will see you back here next week with another blogging tip.

The Redhead Riter

Share

Thank you for subscribing to The Redhead Riter’s blog feed.
Home: https://theredheadriter.com/
About: https://theredheadriter.com//2009/05/about-me/
All material (the text and images) on this blog, The Redhead Riter™, are subject to United States and international copyright laws and therefore may not be reproduced in any format without my prior permission.
copyright© 2009-2010 The Redhead Riter©

Reader Interactions

Leave a Comment

Your email address will not be published. Required fields are marked *

Comments

  4. Hey, thanks for the blogfrog follow 😀 Do you have any tips on making a blog button?? I have a couple logos (those square ones) …and just don't know how to make a button, with the code underneath and all.

    Reply

  6. I wish I was a genius like you when it comes to the computer!

    Come January 1st I celebrate my one year anniversary of having a blog. And this is embarrassing to admit but I do not have a Facebook button to click on my blog — or a Twitter button to click on my blog so that my readers can follow me on Facebook and Twitter.

    I have a free WordPress blog. Where do I go to get the codes and the buttons to install on my blog so that my readers can follow me on Facebook and on Twitter?

    I thank you ever so much for this information!

    Reply

  7. Ah you're so clever with all those tips! I haven't been by in a while (have had to cut back on blog time sadly) but I have to say I LOVE your new bigger size pictures and the cleaner layout. It's still very YOU but easier to navigate and prettier too.
    I remember your post about all the mean emails people had sent in (I'm still shocked at those), so just wanted to take the time to say WELL DONE 🙂
    Nice subtle changes.
    xx

    PS I'm linking up my Christmas linky post, for anyone who wants to link u their Christmas stories

    Reply

  8. Thanks for the web site. I loved how you layed everything out with the visuals. Very easy for me to fallow and this will make my site look so much cleaner.

    Reply

    • Thanks Jason. I feel like this…If I’m going to show people how to do something, it needs to be clear enough for everyone to learn! I love teaching new stuff to people! 😀 I’m glad it helps you!

      Reply