Как обеспечить, чтобы два слова оставались на одной линии?
Я делаю сайт для себя лично. В моей короткой биографии у меня есть несколько слов (или групп слов), которые выделены. В некоторых моих тестах я заметил, что иногда два слова разделяются, поэтому эффект выделения выглядит как дерьмо.
Вот изображение того, как должно выглядеть, и как выглядит шрифт, соответственно:
[Должен выглядеть] http://i.imgur.com/MZmyj5S.png
[Не хочу этого] http://i.imgur.com/yLoYIza.png
Обратите внимание, что "веб-разработчик" раздвигается на две строки. Есть ли способ, которым я могу обеспечить их пребывание вместе?
Спасибо заранее! -Adam
PS: Если вам нужно увидеть мой текущий код, дайте мне знать; не думайте, что это поможет, хотя.
Ответы
Ответ 1
Просто примените неразрывное пространство (
) между двумя словами:
word1 word2
Это особенно полезно, когда речь идет о французской пунктуации и цифрах
Если вам нужно это в более крупном масштабе, вы можете использовать CSS:
div {
white-space: nowrap;
}
<div>word 1 word2 word3</div>
Ответ 2
Способ CSS:
a { white-space: nowrap; }