Geistiger Hohlraum: mozilla und divs

Beitrag lesen

|--> margin-left:210px;
weils ein Block Element ist oder? Ein span rutscht ja auch ohne margin daneben...

Beide divs beginnen in der linken, oberen Ecke, dass ist in Deinem Beispiel aber nicht so recht sichtbar. Erst wenn Du beim zweiten div width etwa 10 Pixel breiter machst, wirst Du sehen, dass es in der Tat über zwei Zeilen geht. Machst Du es so breit, dass das Wort "test" auch in den Raum neben dem ersten div passt, nimmt das erste div nur noch eine Zeile ein. Das ist auch der Fall, wenn Du beim zweiten div gar keine Breite angibst (und natürlich das Fenster breit genug ist).

Der margin-Trick sorgt dafür, dass das zweite div zwar weiterhin am linken Fensterrand beginnt, aber die linke Seite seines Inhalts neben dem ersten div liegt.