HTML Horizontal Rules – Dividers

by Sherry Riter in Blog tips  ,Blogger,Wordpress

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

This post was written by...

Sherry Riter, also known as The Redhead Riter. Sherry is witty, intelligent and addictive as she writes about cooking, family, marriage, failures, blogging tips, art, humor, inspiration, travel, PTSD and aging. Her goal is to inspire, motivate, educate and to make her audience laugh. Sherry embraces being a redhead and helps others to see the redhead point of view…"In some eras redheads were worshipped while others thought us witches. Personally, I like the former and think every day is 'Love a redhead day!'" She can also be found on Facebook, Google+, Pinterest, StumbleUpon, Linkedin, tweeting as @TheRedheadRiter and you can subscribe to her free blog feed.

{ 9 comments… read them below or add one }

1 Paula December 12, 2010 at 12:17 pm

HTML was not in my mind when I read the title……

Reply

2 Gail December 12, 2010 at 3:13 pm

I am computer dummy.

I wish you could beam over and help me set my laptop wireless.

Reply

3 Bossy Betty December 12, 2010 at 4:11 pm

Thanks for this info! I just may try it!

Reply

4 Jill December 12, 2010 at 8:30 pm

Hey, thanks for the blogfrog follow :D 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

5 The Redhead Riter December 12, 2010 at 9:52 pm

Jill,

Here are the directions for a button

http://rrbrjournal.blogspot.com/2009/11/create-blog-button-or-badge.html

If you need WordPress directions, use these

http://en.support.wordpress.com/code/posting-source-code/

Reply

6 Joan December 13, 2010 at 7:31 am

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 Simoney December 14, 2010 at 7:06 am

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 jason November 17, 2012 at 1:05 pm

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

9 Sherry Riter November 17, 2012 at 1:24 pm

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! :D I’m glad it helps you!

Reply

Leave a Comment



"How rare and wonderful is that flash of a moment
when we realize we have discovered a friend."

~William E. Rothschild~



Thank you for taking the time to share your thoughts.
I respond back to all comments.


 

Previous post:

Next post: