Text und Bild zusammenhängend ohne break

Hey!

Ich habe einen in Höhe und Breite begrenzten DIV Container.
In diesem werden Nutzernamen aufgelistet. Hinter jedem Nutzernamen wird noch ein kleines „x“ (zum Löschen) angezeigt.

Das Problem ist nun, dass das „x“ manchmal nicht direkt hinter dem Namen angezeigt wird, weil es umgebrochen wird.

Wie kann ich erreichen, dass das x immer direkt hinter dem Namen angezeigt wird? Wenn kein Platz ist, soll auch der zugehörige Name mit in die nächste Zeile rutschen.

Danke und Gruß
Christoph

Ach ja…
Das kleine x muss separat vom Nutzernamen klickbar sein, weil ja eine Aktion darüber ausgeführt werden soll.
Sonst hätte man ein Hintergrundbild benutzen können

Moin,

um zu erzwingen, dass kein Umbruch gemacht wird, gibt es die CSS-Eigenschaft „whitespace“ mit dem Wert „nowrap“.

Grüße,
-Efchen

siehe auch http://www.css4you.de/Texteigenschaften/white-space… :wink:
Gruß, der Rosslauer

Ich danke euch!
Priiiima!
Vielen Dank für die Hinweise! Ich werde es mir ansehen!

Gruß Christoph :smile:

Nee, doch nicht :smile:
Ich stelle grad fest, dass auch bei dieser Möglichkeit das Symbol umgebrochen wird

Jawoll!
Suuuuper! Genau das war’s!
white-space: nowrap; …
Hab ich noch nie vorher gesehen. Kann noch sehr nützlich werden :smile:

Danke noch mal!
Gruß Christoph