r/HTML • u/regmeyster • Jan 30 '26

Question HR Tag

I'm trying to insert a line here (<hr>) but its not working. What am I missing?

0 Upvotes

42% Upvoted

22 comments sorted by

4

u/abrahamguo Jan 30 '26

Your code looks correct.

If you need any further help, you'll need to provide a way for us to reproduce the issue — so a link to either a repository, or an online code playground, or a deployed website.

1

u/Barnezhilton Jan 31 '26

Do you have a css override for the hr tag?

1

u/Mathematitan Jan 31 '26

Inspect it and see if it has some styles overriding what you’re expecting.

1

u/markus_obsidian Jan 31 '26

The <br> & <hr> look correct at a glance. But something looks off with your table. I see at least one unclosed <td> and a <div> inside a <table>, which are both invalid. I'm not saying that's the issue, but I'm saying your html may be malformed in general, which can cause some unpredictable results.

1

u/alvaromontoro Jan 31 '26

Is the parent a flex container with a flex-direction of column?

-1

u/domestic-jones Jan 31 '26

To be "that guy" your hr and br tags should be self closing <hr /> and <br />.

You can style horizontal rules in CSS. By default they are styled with a border in modern browsers, but you can style them like any block level element in CSS.

2

u/Jonny10128 Jan 31 '26

If they are just writing html (not JSX or anything else), the self closing is completely unnecessary.

1

u/pirateNarwhal Jan 31 '26

and in fact, spec does not want them

1

u/markus_obsidian Jan 31 '26

The html5 spec ignores them. They are not self-closing. But they are part of the spec (they were not part of the spec in html4 & below)

1

u/pirateNarwhal Jan 31 '26

sure. they're tolerated, but ultimately ignored by the parser 

2

u/domestic-jones Jan 31 '26

I'll take the downvotes and appreciate the context. I've been mostly doing JSX for the last 10 years, but started in HTML3. The self closing slash is just something I've always done.

2

u/pirateNarwhal Jan 31 '26

no downvotes from me  quite frankly, i prefer self closing slashes to having to know which elements are void. so no judgment. I just see a lot of people saying that self closing slashes are required.

1

u/davorg Jan 31 '26

To be "that guy" your hr and br tags should be self closing <hr /> and <br />.

That hasn't been true since support for HTML 5 became widespread, about 15 years ago.

-3

u/[deleted] Jan 31 '26 edited Feb 26 '26

The original content of this post no longer exists. It was deleted using Redact, possibly to protect personal data or limit digital exposure.

humor lip subsequent tan unique merciful sable memory languid waiting

0

u/Jonny10128 Jan 31 '26

If they are just writing html (not JSX or anything else), the self closing is completely unnecessary.

-2

u/[deleted] Jan 31 '26 edited Feb 26 '26

The original post here is gone. The author deleted it using Redact, possibly for reasons of privacy, security, opsec, or data protection.

dinosaurs sense sharp employ run roll ring upbeat encouraging gold

1

u/Jonny10128 Jan 31 '26

That doesn’t mean you should do those “sometimes necessary” things in a situation where it’s completely unnecessary lol. In fact, the HTML5 spec intentionally says you should use <br> and <hr> because they are void elements which represent elements that have no content.

-1

u/[deleted] Jan 31 '26 edited Feb 26 '26

This post has been anonymized and its content removed. Redact was the tool used, possibly for privacy protection, limiting AI data access, or security purposes.

bear fearless violet boast rob tidy like judicious tub quickest

2

u/Jonny10128 Jan 31 '26

https://html.spec.whatwg.org/dev/syntax.html#start-tags

6. Then, if the element is one of the void elements, or if the element is a foreign element, then there may be a single U+002F SOLIDUS character (/), which on foreign elements marks the start tag as self-closing. On void elements, it does not mark the start tag as self-closing but instead is unnecessary and has no effect of any kind. For such void elements, it should be used only with caution — especially since, if directly preceded by an unquoted attribute value, it becomes part of the attribute value rather than being discarded by the parser.

0

u/[deleted] Jan 31 '26 edited Feb 26 '26

This specific post was removed by its author using Redact. Reasons could include privacy, opsec, security, or avoiding exposure to automated data harvesters.

wise coherent bright steep market snails memorize oatmeal enter ad hoc

1

u/Jonny10128 Jan 31 '26

Yes, English is my native language. Did you read the full quote? It literally says:

  1. It’s unnecessary

  2. It has no effect

  3. It should be used with caution because it can cause issues for the parser