Monday, June 23, 2008

Heads or Tails - Line

Today's theme is:

HEADS - Line

For this week's theme, I thought I'd share the html used to insert a line into your posts, like this:

That's a basic line, and it just goes from one side of your post to the other. To insert one, in your 'edit html' tab in Blogger or in your html view in Windows Live Writer, simply insert: <hr>

It actually means horizontal rule - just a fancy way of saying line. You can add extra code to your line, for instance, if you want your line to only go partway across the window, you can set the width using either a percentage or an actual pixel length. This one is set to 75%. Just add width="75%" to your code: <hr width="75%">

Change the color by adding color="009900": <hr width="75%" color="009900">

You can find the hex codes for the different colors here.

Change the thickness by adding size="5" where your number is the number of pixels you want:

Since it's a line, you probably won't want it to be too many pixels thick. Also, you can align your line - left, right, or center by adding align="left", like on the pink line, align="center" if you want it in the middle, or align="right" like this next one:

It just depends on where you want a line and how you want it to look.

Visit the home of Heads or Tails to see more participants and join in.


  1. That was really interesting. I would love to learn a bit of html but I don't have much application for it at the moment.

    My HoT is up at my place:

  2. I love working with computer html.

    Great stuff for this week's prompt.

    Mine's shared.

  3. Well I'll be! I learned something. Thanks. Did you see my puppy line? I need more coffee.

  4. thanks i have been wanting to develop some html skills and there you are!

  5. This is very cool! Thanks for sharing. (And thanks for stopping by my HoT)

  6. I didnt know that. great lesson for the day :)

    My hots is up too x

  7. I knew how to make the line, but not how to change the other attributes. :)

  8. Great information! I knew how to make a line, but had forgotten everything about changing it up. :) Thanks!

  9. OMG!! Thank you so much for this tip!! It's soooo going to make my Rockin' With Frigga posts waaayyyyy easier!!!! Thank You!

    Happy HoT! :D

  10. Very helpful!

    MANATEE OF VANITY, at Nickers and Ink


    PS: Don't forget to play at SIMPLY SNICKERS this week . . . posting new poetry prompts every Sunday.

  11. all righty then, now i too know how to draw a line. colourful ones too, nice!


I love your comments! Keep them coming.