Вы поместили значок стрелки font-awesome за пределами вашего div, поэтому он появился на следующей строке. Тег <div>
является блочным элементом, и все, что находится за его пределами, не будет соответствовать <div>
. Если вы сдвинете тег <i>
внутри <div>...</div>
, вы получите следующее:
![enter image description here](https://i.stack.imgur.com/0GG4t.png)
Здесь все еще нет значка стрелки, и это из-за вашего CSS файла. Вы ограничили <div>
300 пикселями в width
и 65px в height
. Если вы измените их на 100%, вы получите следующий результат.
![enter image description here](https://i.stack.imgur.com/9tfWP.png)
Вы можете поиграть с CSS для более точной настройки Это. Посмотрите на мой кодекс .