Hallo,
ich frage mich wann du merkst das korrekt angewandter, semantisch sinnvoller, Quelltext in der Regel nur Vorteile hat.
Das hr-Element gehört dort nicht hin. Zumal Kindelemente eines ul-Elements nur li-Elemente sein dürfen.
Und wie kommst du auf den Trichter, dass hr-Element sei in deinem Fall nur 1px hoch? border oben und unten sind bereits 2px.
Das CSS zum hr-Element ist auch grenzwertig - freundlich ausgedrückt.
Ein border-top des letzten li-Elements anstatt des hr-Elements wäre sinnvoller.
Gruss
MrMurphy