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

Question

[mxbeat]

Есть блок со ссылками:

<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;
}

Как сделать, чтобы стрелка сама по себе не переносилась на новую строку, если не помещается в контейнер, а переносилась только вместе с последним словом, как если бы между стрелкой и последним словом стоял неразрывный пробел? Чтобы было, как в последней строке на картинке:

Comments

[Ankhena]

Поставить arrow.svg не на фон, а в content.
Убрать у псевдо inline-block.
В конце текста поставить  .

Альтернативный вариант с абсолютом (уменьшайте ширину окна с результатом):
https://jsfiddle.net/p56umrt3/

[mxbeat]

Ankhena, помогло, спасибо!