Hallo miteinander,
ich dachte, ich hätte es verstanden. Ein div-block erzeugt eine neue Zeile, während ein span-block dies nicht tut und sich anhängt. Warum funktioniert dann folgendes nicht:
Die Klasse "box" hat width: 500px und einen border, Klasse "label" width: 200px und Klasse "name" width: 250px. Also passt Label und Name innerhalb der Box locker in eine Zeile.
<div class="box">
<div class="label">
Vorname:
</div>
<span class="label">
Fritz:
</span>
<div class="label">
Zuname:
</div>
<span class="label">
Hammermeister:
</span>
</div>
also, wenn der div mit class="label" ausgeführt wird, soll in der Box in eine neue Zeile geschrieben werden und anschließend mit span class="name" kein Zeilenwechsel erfolgen, sondern hinter den Label geschrieben werden. Macht der Browser aber nicht, er macht bei allen Blöcken, egal ob div oder span innerhalb der Box einen Zeilenwechsel. Warum eigentlich?
gruß Freddy