Validator : Warum ist <div> hier falsch ??

[godzilla]

Hallo zusammen
Ich möchte einen Text so auszurichten , das der erste Teil unterschiedlich lang sein kann , der 2.Teil in der gleichen Zeile immer an einer festgesetzten Stelle steht . Der Code sieht zwar komisch aus , aber NUR so habe ich es in IE 7 UND FF 3.5 hinbekommen . Sobald ich die Reihenfolge ändere , stehen die Texte nicht mehr in der gleichen Zeile

Im Stylesheet steht :

.text1 {
 float:left;
 position:absolute;
 left: 150px;
}

In der HTML steht :

<h4>
<div class="text1">: DeepSky-Solutions</div>Firma<br/>
<div class="text1">: Andrea Wagner-Steinen</div>Inhaberin<br /> 
<div class="text1">: Auf der Heide 31</div>Anschrift<br />
</h4>

Ich versuche meinen Code nun zu validieren . Leider gefällt dem Validator mein Code nicht : ' Div ist hier nicht erlaubt' .

Was mache ich falsch ??

Danke für Eure Tipps

Gruß Detlef

 

[struppi]

Nimm ein inline Element, kein Blockelement, dann gefällt's auch dem Validator

 

[godzilla]

Hallo struppi
Vielen Dank , mit <span> hat es sofort geklappt , sogar ohne Verschiebung in FF !!

Gruß Detlef

Achja , hat evtl. jemand noch einen Tipp um den Zeilenumbruch nach den Bindestrichen zu verhindern ?? Ich habe <nobr> genutzt , das ist aber auch unzulässig ..

So langsam frage ich mich , warum ich überhaupt noch validiere . Erst klappt alles , nach den Änderungen WEGEN dem Validator geht nix mehr richtig :evil::evil::evil:

 

[_Thor_]

white-space: Textumbruch: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

 

[godzilla]

white-space: Textumbruch: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

DANKE !!

Das klappt wunderbar !!

Gruß Detlef