Tagged: horizontal line
Hi – I am trying to create a horizontal dividing line. I can make the line, but can’t get it to show up in the correct place.
The code is used is:
<div><hr width=”60%” /><div>
That may not be right. The line appears now on this page:
to the side of Valentine’s Day. It should appear above the header St. Patrick’s Day to divide the two holidays.
Thanks in advance for any help you can provide.http://doublefunparties.com/freebies-2/
looks like you need to clear the <hr> tag.
<div><hr width=”60%” style=”clear: left;” /><div>
Hi Rod –
I replaced my code with yours, and I still have the same problem, except that the out of place line is now shorter. Still no line above St. Patrick’s Day.
Thank you, but any ideas of what I’m still doing wrong?
Hi Lauren – Thank you but I don’t know what quotes to remove. I tried removing the quotes around ”clear: left;” and it didn’t work. I then also removed the quotes around ”60%” and it still didn’t work.
This is how the code stands now:
<div><hr width=60% style=clear: left; /><div>
Sorry, I knew that would be unclear but I’m at a loss of words for how to explain it. (My brain just works differently than that, you know?) Extra quotes are being inserted into your code because they aren’t the ‘correct’ quotes. Take a look:
Do you see the difference? If you delete those quotes and type in your own, it should fix itself.
Edit: Spent a couple minutes looking it up. Apparently it’s as easy as referring to them as “straight” or “curly” quotation marks.
That did it, Lauren – thanks so much!
The topic ‘Horizontal Line’ is closed to new replies.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.