Does any body know the HTML code for a horizontal and vertical line?

  • 1
  • Question
  • Updated 9 years ago
  • Answered
Photo of John McCarthy

John McCarthy

  • 1292 Posts
  • 99 Reply Likes

Posted 9 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi John

There's a couple of ways to do a horizontal line. You can simply do <hr>

or, if you want a more customizable one, you can use this code:

<div style="background:transparent; border-top:1px solid #666142; width:900px;"></div>

For a vertical line, use this code:
<div style="width:1px; height:500px; background-color: white">

You can adjust the thickness, length (width), color, height.

Please let us know if you need further assistance with this. =)
Photo of John McCarthy

John McCarthy

  • 1292 Posts
  • 99 Reply Likes
thanks,ill go have a try now.
Photo of John McCarthy

John McCarthy

  • 1292 Posts
  • 99 Reply Likes
ok,thanks these codes have workped perfectly
www.theteenscene.info
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
You're welcome! I'm glad it worked for you. =)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
John, have you considered maybe doing boxes to help contain your information? As an example, please take a look at my site:

http://dejavuapparel.yolasite.com

This may help to keep your information more uniformed? It's okay if you don't like this idea. =)
Photo of Awesome-O'Sean

Awesome-O'Sean

  • 58 Posts
  • 9 Reply Likes
hey there!

You might find these HTML cheatsheets useful if you are authoring HTML for your sites:

http://www.webmonkey.com/reference/HT...
http://www.addedbytes.com/cheat-sheet...

Regards,
Sean
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks Sean for sharing those links. I'm sure many will find these useful as do I. =)
Photo of John McCarthy

John McCarthy

  • 1292 Posts
  • 99 Reply Likes
hmmm maybe boxes woud be better.
would you mind telling me the code?
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Looks like Littleus is off line - I ripped the code from her site (sure she wont mind):
<!--
<div style="border: 1px solid black; padding: 10px; background-color: rgb(93, 196, 211); text-align: center;"><font size="3"><b>WELCOME!<br></b></font></div>
-->

chnage the colours accordingly.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
@Lee - Thanks for helping out! =)
Photo of John McCarthy

John McCarthy

  • 1292 Posts
  • 99 Reply Likes
thanks
ill go try it out
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi John

I'm also going to refer you to this thread on which I shared some creative ways to deal with boxes.

http://getsatisfaction.com/yola/topic...