html - Can I stop two words from breaking onto separate lines and creating an orphan?

Question

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?

Answer 1

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.