Как обеспечить, чтобы два слова оставались на одной линии?

Я делаю сайт для себя лично. В моей короткой биографии у меня есть несколько слов (или групп слов), которые выделены. В некоторых моих тестах я заметил, что иногда два слова разделяются, поэтому эффект выделения выглядит как дерьмо.

Вот изображение того, как должно выглядеть, и как выглядит шрифт, соответственно:

[Должен выглядеть] http://i.imgur.com/MZmyj5S.png

[Не хочу этого] http://i.imgur.com/yLoYIza.png

Обратите внимание, что "веб-разработчик" раздвигается на две строки. Есть ли способ, которым я могу обеспечить их пребывание вместе?

Спасибо заранее! -Adam

PS: Если вам нужно увидеть мой текущий код, дайте мне знать; не думайте, что это поможет, хотя.

Ответ 1

Просто примените неразрывное пространство ( ) между двумя словами:

word1&nbsp;word2

Это особенно полезно, когда речь идет о французской пунктуации и цифрах

Если вам нужно это в более крупном масштабе, вы можете использовать CSS:

div {
  white-space: nowrap;
}

<div>word 1 word2 word3</div>

Ответ 2

Способ CSS:

a { white-space: nowrap; }