Почему текст переносится на новую строчку? И как это исправить?

Question

[Shiki00]

https://codepen.io/shikigami/pen/KKwVLbX
Прописал всем img флоат лефт, однако, li после последнего img переносится на новую строку.

Answer 1

[Natalia ivanova]

Сделайте так!

<li class="cataloglastli">
							<a href=""><img src="img/telephone.jpg" alt="telephone">855-5564-65651</a></li>

Или лучше так:

<li class="cataloglastli">
							<a href=""><img src="img/telephone.jpg" alt="telephone"><span>855-5564-65651</span></a></li>

Ошибка в разметке. В теге ul могут быть вложены только li, а в li - уже другие теги.

Comments

[Shiki00]

Спасибо большое.

Answer 2

[NaN]

Верстайте флексами и не будет проблем

Comments

[Shiki00]

А в данной ситуации можно без флексов решить?