Horizontal line in CSS

bluestrobe

Platinum Member
Aug 15, 2004
2,033
1
0
I need a simple way in CSS to seperate my posts. Right now I have nothing seperating the posts on my main page and things tend to look jumbled. I would use an image but the size would be static while the page changed shape with different resolutions and browsers. Is there something to help with this in CSS?
 

esun

Platinum Member
Nov 12, 2001
2,214
0
0
There's the <hr> tag (it's <hr /> if you want to be validated XHTML whatnot). You can style it to no end with CSS.
 

txrandom

Diamond Member
Aug 15, 2004
3,773
0
71
You can stylize <hr />s pretty well. But you could try using an empty div with a top or bottom only border. <hr /> is probably better.
 

stndn

Golden Member
Mar 10, 2001
1,886
0
0
To be safe, I'd suggest using <hr>, just as what others have said.
You can style <hr> any way you want, even add fancy height and background images and all that work (if that's your intent).
And if the user decided to disable CSS for whatever reason, your plain <hr> will still be there to save you.

-stndn.
 

Kakumba

Senior member
Mar 13, 2006
610
0
0
Another vote for hr. I use them all the time. Unless you already have all comments in divs, in which case you can easily set something on that, a bottom placed background image with repeat -x could be good if you want something a touch prettier.

So, depends on what your code already looks like.
 
sale-70-410-exam    | Exam-200-125-pdf    | we-sale-70-410-exam    | hot-sale-70-410-exam    | Latest-exam-700-603-Dumps    | Dumps-98-363-exams-date    | Certs-200-125-date    | Dumps-300-075-exams-date    | hot-sale-book-C8010-726-book    | Hot-Sale-200-310-Exam    | Exam-Description-200-310-dumps?    | hot-sale-book-200-125-book    | Latest-Updated-300-209-Exam    | Dumps-210-260-exams-date    | Download-200-125-Exam-PDF    | Exam-Description-300-101-dumps    | Certs-300-101-date    | Hot-Sale-300-075-Exam    | Latest-exam-200-125-Dumps    | Exam-Description-200-125-dumps    | Latest-Updated-300-075-Exam    | hot-sale-book-210-260-book    | Dumps-200-901-exams-date    | Certs-200-901-date    | Latest-exam-1Z0-062-Dumps    | Hot-Sale-1Z0-062-Exam    | Certs-CSSLP-date    | 100%-Pass-70-383-Exams    | Latest-JN0-360-real-exam-questions    | 100%-Pass-4A0-100-Real-Exam-Questions    | Dumps-300-135-exams-date    | Passed-200-105-Tech-Exams    | Latest-Updated-200-310-Exam    | Download-300-070-Exam-PDF    | Hot-Sale-JN0-360-Exam    | 100%-Pass-JN0-360-Exams    | 100%-Pass-JN0-360-Real-Exam-Questions    | Dumps-JN0-360-exams-date    | Exam-Description-1Z0-876-dumps    | Latest-exam-1Z0-876-Dumps    | Dumps-HPE0-Y53-exams-date    | 2017-Latest-HPE0-Y53-Exam    | 100%-Pass-HPE0-Y53-Real-Exam-Questions    | Pass-4A0-100-Exam    | Latest-4A0-100-Questions    | Dumps-98-365-exams-date    | 2017-Latest-98-365-Exam    | 100%-Pass-VCS-254-Exams    | 2017-Latest-VCS-273-Exam    | Dumps-200-355-exams-date    | 2017-Latest-300-320-Exam    | Pass-300-101-Exam    | 100%-Pass-300-115-Exams    |
http://www.portvapes.co.uk/    | http://www.portvapes.co.uk/    |