Joachim: Unerklärliche vertikale Verschiebung

Hallo,
ich habe zwei Fragen, die vermutlich auf ein Problem hinauslaufen.
Wenn ich im Beispiel1 im tag hr die Angabe
"margin-top: 12px;"
entferne, verschiebt sich logischerweise auf der linken Seite der den hr-Tags nachfolgende Text nach oben Beispiel2.
Warum verschiebt sich aber auch der rechte Text bb...bbbb nach oben?
Und warum ist in beiden Fällen der Text bb...bbbbb so weit unten im Bild?
Schönen Gruß
Jo.

  1. Ich habs mir jetzt ziemlich lange reingezogen, deswegen versuch ichs mal. Aber da kommt sicher noch was fundierteres.
    Dein </u> müsste übrigens </ul> sein.

    nav, "links" und "rechts" sind floats. Die stehen da wo sie hin floaten.
    h3 hat ein clear und ist somit nicht mehr gefloatet. Es beginnt da wo der Rest zu Ende ist.
    Das erklärt warum er sich mit schiebt.
    Ich weiß zwar nicht was du genau vor hast, aber die Art wie du da floatest und die Elemente ineinander schachtelst ist noch recht verwirrend.