MDN URL

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/hr

What specific section or headline is this issue about?

Try It

What information was incorrect, unhelpful, or incomplete?

The section states, "Historically, this has been presented as a horizontal rule or line. While it may still be displayed as a horizontal rule in visual browsers, this element is now defined in semantic terms, rather than presentational terms, so if you wish to draw a horizontal line, you should do so using appropriate CSS."

What did you expect to see?

This paragraph is a discussion about the deprecation of the HR element to a semantic element, meaning that styling of HR (such as simply increasing its thickness to match modern screen resolutions) either should or must not be done using HR attributes, but instead by using CSS.

While this is true and helpful, It is not complete. How are we to know what "appropriate CSS" actually is?

What I mean, for example, is that the actual CSS for displaying a line of appropriate thickness is not obvious. Here it is:

CSS: hr {border: none; border-top: 1pt solid black}

My suggestion is that several examples of "appropriate CSS" be added to the page, if not a complete style guide to drawing simple lines, or perhaps a reference to a new MDN page about graphic styling of HTML in general.

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata