Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

Tags:

html

css

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?

like image 267
jkupczak Avatar asked Sep 23 '11 17:09

jkupczak


People also ask

How can you prevent two or more words from being split into 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.

How do you make a line between two words?

Method 1: Keyboard shortcut.Press and hold the Shift key, then press the Backslash key.

How do you force a line break?

Press ALT+ENTER to insert the line break.


1 Answers

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.

like image 182
Anson Avatar answered Nov 10 '22 12:11

Anson