Using <hr> tag as a border inside of ul

[PolyDevil]

Summary

It is stated that the permitted content of ul tag is:

Zero or more li, script and template elements.

It is also stated that hr is a thematic break;
So having it as a first child doesnt make any sense.

URL

https://developer.mozilla.org/en-US/curriculum/

Reproduction steps

1. Open a page
2. Look at the source code

Expected behavior

Expected to have a valid html

Actual behavior

HTML code on curriculum page doesnt make any sense.

Device

Desktop

Browser

Chrome

Browser version

Stable

Operating system

Android

Screenshot

No response

Anything else?

No response

Validations

• I have read the Community Participation Guidelines.
• I have verified that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• I have checked that this is a concrete bug. For Q&A open a GitHub Discussion.

[caugner]

@fiji-flo Should we wrap the <hr> like this: <li style="display: contents"><hr></li>?

Context:

yari/client/src/curriculum/modules-list.tsx

Line 17 in 6e6ed78

<hr />