html absatz mit div box am ende = kein abstand

[Martin L.]

Moin Moin

ich arbeite aktuell weiter an meiner Homepage und mir ist folgendes aufgefallen:

wenn ich zwei Absätze unter einander mache, entsteht nur ein Abstand zwischen ihnen, wenn im ersten am Ende Text enthalten ist. Wenn am Ende des Absatzes eine Div Box ist (auch wenn Text drin steht), wird kein Absatz erzeugt. Kleines Beispiel:

  
<p> <h1>Ein kleiner Steckbrief:</h1>  
    <div style="position:relative; float:left; font-weight:bold;">  
    Name: <br>  
    Geburtstag: <br>  
    Beruf: <br>  
    Hobbys: <br>  
    </div>  
    <div style="position:relative; float:left; margin-left:15px;">  
    Martin<br>  
    10.11.1989<br>  
    Zivi<br>  
    Sport, Zeichnen, Blender, Pc allgemein<br>  
    </div>  
</p>  
  
<p>  
    <h2>Ich über mich:</h2>  
</p>  

in dem Beispiel wird zwischen dem oberen und dem unteren Absatz kein Abstand erzeugt. die h2 überschrift ist direkt unter "Sport, Zeichnen, ... etc".

Wenn ich aber hinter die zweite Div-Box einen Buchstaben mache, dann klappt das mit dem Abstand.

Ist das Normal? Mach ich was falsch? Muss ich mich einfach eines Tricks bedienen um den Abstand zu bekommen?

Grüße
Martin

[Gunnar Bittersmann]

@@Martin L.:

nuqneH

Mach ich was falsch?

Ja. Der Validator sagt dir, was.

Deine Absätze sind früher geschlossen als du denkst. Der erste sehr viel früher.

Muss ich mich einfach eines Tricks bedienen um den Abstand zu bekommen?

Valides HTML sollte genügen; das würde ich nicht als „Trick“ bezeichnen, sondern als Voraussetzung.

Qapla'