div und span sind Container.
div nimmt die komplette Breite ein aber span nur anteilmäßig.
Jetzt kommt die id navigation.
Jetzt kommt die id navigation2. Sie beinhaltet eine weitere id (logo2)
Jetzt kommt die id navigation3. Sie beinhaltet eine weiter id (logo3). Es soll ein Rand durch den Befehl margin erzeugt werden. logo3 soll von links und von oben 30px Abstand halten.
Aber: Der Rand margin: 30px; in der id logo3 wirkt sich auch auf navigation3 aus.
Abstand links mit 30px ist OK - aber der Abstand 30px von diesem Text ist nicht gewollt.
Lösung 1: Jetzt kommt die id navigation4. Sie beinhaltet eine weitere id (logo4) mit border: solid black; Der Abstand nach links und oben von 20px wird einehalten.
Lösung 2: Jetzt kommt die id navigation5. Sie beinhaltet eine weitere id (logo5) ohne border: solid black; aber mit float: left; Der Abstand nach links und oben von 20px wird einehalten.
Dies ist die id navigation6. Sie beinhaltet eine weitere id (logo6).
Wir fügen in logo6 ein Bild ein.
Dies ist die id navigation7. Sie beinhaltet eine weitere id (logo7).
Wir fügen in logo7 ein Bild ein.
Wir fügen in navigation7 einen Text ein.
Dies ist die id navigation8. Sie beinhaltet eine weitere id (logo8).
Wir fügen in logo8 ein Bild ein.
Wir fügen in navigation8 einen Text ein. Dieser Text wird ein span