Длинная ссылка пропадает на второй строке

Question

Как остановить ссылку с помощью стрелки на второй строке и встроить ее в абзац на меньших устройствах?

Вот как это отображается сейчас:

Я хочу, чтобы он не разрывал строку и продолжал с пустого места:

p {
  word-break: keep-all;
}

a,
p {
  font-size: 30px;
}

a span {
  display: inline-block;
  white-space: nowrap;
}

img {
  width: 20px;
}

<p> Lorem ipsum dolorem
  <a href="#"><span>Very long text very long text very long text</span><img src="https://banner2.kisspng.com/20180203/tsq/kisspng-arrow-ico-icon-right-arrow-png-photo-5a758aa9a205b1.5795578115176526496637.jpg"></a> Blahblah blah
</p>

Answer 1

Я пока не уверен, почему, но похоже, что это будет исправлено, если вы удалите тег span. Похоже, вы также можете просто удалить стили, которые у вас есть на a span.