Как "связать" иконку и текст

Hannes
На сайте с 24.10.2011
Offline
87
570

Здравствуйте!

Подскажите, пожалуйста.

Мне требуется вставить в статью название стран с картинкой флага (Пример: [Картинка флага страны] Название страны).

Но при изменение размера окна флаг может оказаться на одной строке, а название страны на другой.

Подскажите, пожалуйста, как их "связать", что бы они не могли оказаться на разных строках?

lkm
На сайте с 16.03.2012
Offline
346
lkm
#1

Неразрывный пробел?

Hannes
На сайте с 24.10.2011
Offline
87
#2
lkm:
Неразрывный пробел?

Спасибо!

добавлено:

Всё же не помогает. :(

Подскажите, пожалуйста, какие варианты ещё есть?

C2
На сайте с 16.11.2017
Offline
16
#3

Возможно, как вариант, уделить внимания минимальной/максимальной ширине? Другими словами проработать чтобы при масштабировании текст не "прыгал". Если обстоятельства позволяют конечно.

P.S. Прошу прощения, если возможно не правильно понял ситуацию

Обменный пункт Сryptochange24.com (https://cryptochange24.com). Индивидуальные условия.
Hannes
На сайте с 24.10.2011
Offline
87
#4
cryptochange24:
Возможно, как вариант, уделить внимания минимальной/максимальной ширине? Другими словами проработать чтобы при масштабировании текст не "прыгал". Если обстоятельства позволяют конечно.
P.S. Прошу прощения, если возможно не правильно понял ситуацию

Спасибо за вариант!

Получилось решить тегом <nobr>. Не знаю, насколько правильное решение, но работает. :)

C2
На сайте с 16.11.2017
Offline
16
#5
Hannes:
Спасибо за вариант!
Получилось решить тегом <nobr>. Не знаю, насколько правильное решение, но работает. :)

Ну вот и хорошо! Если работает, то значит на данный момент правильное решения) , а там по мере поступления... :)

melkozaur
На сайте с 06.04.2010
Offline
505
#6

white-space: nowrap;

Серверы в NL/US со скидкой 30% нашим читателям: E5-2650v4/10GB DDR4/240GB SSD/1 Gbps - от $20: https://ua-hosting.company/vps/nl SEO без компромиссов: https://seoleaks.net SEOLEAKS - продвижение сайтов: https://www.instagram.com/seoleaks
melkozaur
На сайте с 06.04.2010
Offline
505
#7

Но как мне кажется проблема не в связывании, а в том что места не хватает в блоке при уменьшении экрана? Или я не понял.

Hannes
На сайте с 24.10.2011
Offline
87
#8

Есть html страничка, без какого-либо движка. На ней статья, в которой упоминается несколько стран. Сбоку от страны добавил картинку-флаг, у одной страны картинка флага получилась на одной строке, а название страны на другой. Так и возникла необходимость их "связать".

Но вроде проблема решена.

png 123.png

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий