Hopsel: div- und span-Bock

Beitrag lesen

Hi Freddy!

Ein div-block erzeugt eine neue Zeile, während ein span-block dies nicht tut und sich anhängt.

Nö.

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.

Das kommt allerdings auch auf die Innen- und Außenabstände an.

also, wenn der div mit class="label" ausgeführt wird

Du hast einen ganz schlechten HTML-Stil. Für deine "Labels" gibt es das HTML-Element label.

Desweiteren solltest du unter gar keinen Umständen versuchen, mit HTML-Tags eine gewünschte Darstellung zu erreichen. Das bekommst du mit CSS wesentlich besser in den Griff.

Warum eigentlich?

Blockelemente erzeugen einen eigenen Absatz. Wenn also vor ihnen ein Inlineelement steht, so wird trotzdem ein neuer Absatz erstellt.

Du kannst das Verhalten von allen HTML-Elementen mit CSS beeinflussen, also auch die display-Eigenschaft.

MfG H☼psel

--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)