Textumbruch steuern

[tutto]

Ich habe einen Footer fix am Screenboden in einem flexiblen Layout mit Service-Navigationselementen Telefonnmmer etc. Das Ganze ist in einer Zeile.
Für das MediaQuery (480px) muss die Zeile nun in zwei Zeilen geteilt werden. Es wird auch umbrochen aber das Wort fax wird von der dazugehörigen Nummer getrennt. Das darf nicht!!! Also Trennung verhindern oder vorgeben.

Wie lässt sich der Umbruch W3C-Conform mit CSS steuern.

 

[m_c]

Dort sollte eigentlich alles notwendige stehen:

 

[ohjamaney]

Es sollte langen wenn Du zwischen "Fax" und der Nummer ein " " setzt.
Beispiel:

<p>
Fax:&nbsp;123456789
</p>

Anstatt:

<p>
Fax: 123456789
</p>

 

[tutto]

Die &nbsp Lösung funktioniert zwar ist mir aber zu individuell und könnte bei Änderungen Probleme machen.

Die White-space-Lösung mit nowrap schien mir ideal. Ich habe aber das Problem dass zwischen den beiden nowrap-Teilen immer einen Umbruch bekomme.

Nochmal zur Klarheit:
Es handelt sich um einen Einzeiligen Footer aus zwei unterschiedlichen Textteilen, die bei einem kleinen Screen auf zwei Zeilen verteilt werden sollen.

 

[ohjamaney]

Dann musst Du den Text im Media-Query neu formatieren, also aus einer Zeile dann zwei machen.

Die &nbsp Lösung funktioniert zwar ist mir aber zu individuell und könnte bei Änderungen Probleme machen.

Was für Probleme sollte das denn machen? Im Grunde steht doch das   nur für ein Leerzeichen. Zerstört das dein Schriftbild im Quellcode oder was?