@@Felix Riesterer > Das ist kein gültiges HTML, weil ein `<hr>` ein Block-Level Element ist, und in `<p>` dürfen nur inline-Elemente sein. Deswegen parst der Browser deine Tag-Suppe und korrigiert die strukturellen Fehler. Dabei rät er, was Du wohl gemeint haben könntest und nimmt eben nicht das erste, sondern das zweite Beispiel: Zum Raten hatte ich ja schon was gesagt. Auch bei Inline-Elementen geschen evtl. unerwartete Dinge: ```html <p><i a><p> ``` generiert im DOM dasselbe wie ```html <p><i a=""></i></p><p><i a=""></i></p> ``` Da das `i` im ersten `p` nicht geschlossen wurde, wird es im zweiten fortgesetzt, d.h. auch ein `i` mit denselben Attributen im zweiten `p` generiert. Was man sich bei der [CSSBattle](https://cssbattle.dev/) zunutze machen kann. Ich glaube, ich hab das noch nicht verwendet. Vielleicht ein Grund, warum ich bei einigen Targets weit abgeschlagen hinten liege. 😷 LLAP -- *“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.”*{:@en} —John Lennon {:@en}

@@Felix Riesterer > Das ist kein gültiges HTML, weil ein `<hr>` ein Block-Level Element ist, und in `<p>` dürfen nur inline-Elemente sein. Deswegen parst der Browser deine Tag-Suppe und korrigiert die strukturellen Fehler. Dabei rät er, was Du wohl gemeint haben könntest und nimmt eben nicht das erste, sondern das zweite Beispiel: Zum Raten hatte ich ja schon was gesagt. Auch bei Inline-Elemente geschen evtl. unerwartete Dinge: ```html <p><i a><p> ``` generiert im DOM dasselbe wie ```html <p><i a=""></i></p><p><i a=""></i></p> ``` Da das `i` im ersten `p` nicht geschlossen wurde, wird es im zweiten fortgesetzt, d.h. auch ein `i` mit denselben Attributen im zweiten `p` generiert. Was man sich bei der [CSSBattle](https://cssbattle.dev/) zunutze machen kann. Ich glaube, ich hab das noch nicht verwendet. Vielleicht ein Grund, warum ich bei einigen Targets weit abgeschlagen hinten liege. 😷 LLAP -- *“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.”*{:@en} —John Lennon {:@en}

@@Felix Riesterer > Das ist kein gültiges HTML, weil ein `<hr>` ein Block-Level Element ist, und in `<p>` dürfen nur inline-Elemente sein. Deswegen parst der Browser deine Tag-Suppe und korrigiert die strukturellen Fehler. Dabei rät er, was Du wohl gemeint haben könntest und nimmt eben nicht das erste, sondern das zweite Beispiel: Zum Raten hatte ich ja schon was gesagt. Auch bei Inline-Elemente geschen evtl unerwartete Dinge: ```html <p><i a><p> ``` generiert im DOM dasselbe wie ```html <p><i a=""></i></p><p><i a=""></i></p> ``` Da das `i` im ersten `p` nicht geschlossen wurde, wird auch ein `i` im zweiten `p` generiert. Was man sich bei der [CSSBattle](https://cssbattle.dev/) zunutze machen kann. Ich glaube, ich hab das noch nicht verwendet. Vielleicht ein Grund, warum ich bei einigen Targets weit abgeschlagen hinten liege. 😷 LLAP -- *“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.”*{:@en} —John Lennon {:@en}