Div als Zeichen behandeln - ohne umzubrechen

[wahsaga]

hi,

zur Bewertung eines Dings habe ich so eine Art Ampelbewerung mit HTML/CSS geschrieben, welche einen einfachen Kreis innerhalb eines Div's ausgibt und diesen mittels css einfärbt und mittels a:hover umfärbt.

HTML:

irgendwelcher Text <div id='red'>Kreis</div> irgendwelcher Text

Im Browser sieht man aber:

irgendwelcher Text
Kreis
irgendwelcher Text

wie kann ich das Ding dazu bringen nicht umzubrechen?

Für #green hast du noch float definiert, für #red nicht mehr ...?

Abgesehen davon, dass das a) reichlich suboptimale ID-Values sind, und b) du bei mehrfacher Verwendung in einem Dokument eher Klassen wählen solltest:

Wofür überhaupt ein Div?
Warum eigentlich nicht gleich ein simples Img, welches dann auch einen entsprechenden alt-Text bekommen kann?

gruß,
wahsaga