• We’re currently investigating an issue related to the forum theme and styling that is impacting page layout and visual formatting. The problem has been identified, and we are actively working on a resolution. There is no impact to user data or functionality, this is strictly a front-end display issue. We’ll post an update once the fix has been deployed. Thanks for your patience while we get this sorted.

Horizontal line in CSS

bluestrobe

Platinum Member
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?
 
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.
 
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.
 
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.
 
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.
 
Back
Top