@mxbeat

Как сделать, чтобы inline-block не переносился на новую строку?

Есть блок со ссылками:
<div class="container">
	<a href="#">Текст ссылки текст ссылки</a>
	<a href="#">Текст ссылки</a>
	<a href="#">Текст ссылки текст ссылки текст</a>
</div>

К каждой ссылке добавлена стрелка с помощью псевдоэлемента after:
a::after {
	content:'';
	display: inline-block;
	width: 11px;
	height: 11px;
	background: url(../img/arrow.svg) center no-repeat;
}


Как сделать, чтобы стрелка сама по себе не переносилась на новую строку, если не помещается в контейнер, а переносилась только вместе с последним словом, как если бы между стрелкой и последним словом стоял неразрывный пробел? Чтобы было, как в последней строке на картинке:
60f5fd07986c5243508678.png
  • Вопрос задан
  • 79 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы