I have a paragraph that ends with a link that contains the two word phrase "Read More". I'd like these two words to always be displayed on the same line. Right now, if the "More" can't fit on the same line, it gets bumped to the next line by itself.
Is there any CSS that will stop "Read More" from breaking onto separate lines?
Keep words on the same line To keep two words or a hyphenated word together on one line, you can use a nonbreaking space or nonbreaking hyphen instead of a regular space or hyphen. Click where you want to insert the nonbreaking space. On the Insert tab, in the Symbols group, click Symbol.
Method 1: Keyboard shortcut.Press and hold the Shift key, then press the Backslash key.
Press ALT+ENTER to insert the line break.
There's a <nobr>
tag in HTML that will do this, but it's deprecated. This page suggests using white-space:nowrap
instead.
white-space is defined in the CSS1 specification and should be supported by all major browers.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With