Es gibt gewisse Konstellationen im Text, bei denen man vermeiden möchte, dass

• zusammengehörige Textteile getrennt werden (z.B. Telefonnummer)
• es bei bestimmten Wörtern eine Silbentrennung gibt.

Die CSS-Anweisungen dafür:

/* Wörter nicht trennen */ 
white-space: nowrap; /* keine Silbentrennung */ 
-webkit-hyphens: none; 
-ms-hyphens: none; 
hyphens: none;

Ein bisschen automatisieren?

In functions.php folgende Zeilen einfügen:

function extra_style_shortcode1( $atts, $content = null ) { 
return '<span class="nowrap">' . do_shortcode($content) . '</span>'; }
add_shortcode('nt', 'extra_style_shortcode1');

im css:

.nowrap { 
white-space: nowrap; 
-webkit-hyphens: none; 
-ms-hyphens: none; 
hyphens: none;
}

Im Inhalt: (hier [ ] durch { } ersetzt)_
Meine {nt}Home-office-Telefonnummer {/nt} ist {nt}0041 41 566 77 88{nt}], meine {nt}Home-office-Telefonnummer {/nt} ist {nt}0041 41 566 77 88{nt}], meine {nt}Home-office-Telefonnummer {/nt} ist {nt}0041 41 566 77 88{nt}], meine {nt}Home-office-Telefonnummer {/nt} ist {nt}0041 41 566 77 88{nt}], meine {nt}Home-office-Telefonnummer {/nt} ist {nt}0041 41 566 77 88{nt}]

und hier wird es umgesetzt (falsch schmales Browserfenster)

Meine Home-office-Telefonnummer ist 0041 41 566 77 88, meine Home-office-Telefonnummer ist 0041 41 566 77 88, meine Home-office-Telefonnummer ist 0041 41 566 77 88, meine Home-office-Telefonnummer ist 0041 41 566 77 88, meine Home-office-Telefonnummer ist 0041 41 566 77 88

Somit wird das Wort „Home-office-Telefonnummer“ und die Telefonnummer ganz sicher immer zusammenhängend geschrieben, egal auf welchem Gerät und wie gross das Brwoserfenster ist.