Judith: Mit Float Objekte anordnen ohne dass Weisraum entseht

Hallöchen :)

Ich möchte , dass meine <p> Elemente sich automatisch ausrichten, was ich versucht habe mit float:left zu lösen.

http://img91.imageshack.us/my.php?image=bildschirmfoto1w.png
http://pastebin.com/d33a60112

Wie Ihr seht gibt es ein rießen Loch beim letzten <p> Element, dass in der zweiten Zeile. Es soll nicht auf der Höhe beginnen wo das Längste Element in der ersten Zeile aufhört sondern den Platz nach oben nutzen und hoch rutschen. Hoffe das versteht hier jemand ^^

  1. Liegt an der Fenstergröße deines Browsers. Alle deine P elemente sitzen genau nebeneinander, wenn du dein Fenster verkleinerst versetzt sich das letzte nach unten.

    Setze dich mit float und clear http://de.selfhtml.org/css/eigenschaften/positionierung.htm@title=auseinander

    1. Alle deine P elemente sitzen genau nebeneinander, wenn du dein Fenster verkleinerst versetzt sich das letzte nach unten.

      Ich weis, mir geht es aber um den Weisraum der durch den Umbruch entsteht, ziwschen dem ersten p-element und dem letzten in der zweiten Zeile. Das letzte p-elemnt SOLL umbrechen, es soll genau für den Fall sein, wenn jemand ein kleineres Browser Fenster hat. Das Layout der p-elemente soll sich der Fenstergröße anpassen und automatisch anordnen. Wenn jetzt das dritte p-element noch mehr Inhalt hätte wäre der Weisraum noch größer, das sieht schei*e aus.