dziedziczenie margin i divy

[remus]

Mam następujący problem. Otóż gdy utworzę taki oto kod:

Kod: Zaznacz cały

<p style="margin-left: 20px">
Block <br>Technology redistribution is so importanat.<br>
<div style="width:150px; height: 150px; background-color: red;margin-left: 20px; float: left"></div>One<br>
Second<br>
Third<br>
Fourth<br>

<br  style="clear: both" /><br>
Block<br> Technology redistribution is so importanat.<br>
<div style="width:150px; height: 150px; background-color: red; float: left;margin-left: 20px"></div>One<br>
Second<br>
Third<br>
Fourth<br>
</p>

Otrzymuje coś takiego i zastanawiam się dlaczego nad drugim obrazkiem tekst nie ma marginu który zastosowałem.
zrzut
Regulamin forum pkt. 7

[Tomek]

Pokaż pełen kod - łącznie z doctype - bez tego nie wiemy czy coś wcześniej nie jest namieszane.

[Tomek]

a już wiem.
Używasz p i w nim wciskasz div - co jest niezgodne ze specyfikacją:
http://www.w3.org/TR/html401/struct/text.html#edef-P

The P element represents a paragraph. It cannot contain block-level elements (including P itself).

Zmień p na div

[Gość]

Ok, dzięki tomasiek a jakiś inny pomysł zamiast diva bo mam ich tam kilka i kod powoli staje się nieczytelny

[Tomek]

a co za różnica dla kodu czy masz div czy p? Poza tym że z div jest prawidłowe? To przecież dokładnie ta sama ilość znaczników... A tłumaczenie sobie że masz za dużo divów i dajesz sobie p - jest śmieszne....
Poza tym - w kodzie który pokazałeś jakoś nie widać tego przepychu divów