css - 如何将图标放在导航栏的左侧？

Question

我想复制该网站的以下导航栏: Cherry Responsive Menu

但是，当我尝试放置图标时，会发生以下情况:

Problem with the icons

图标在子菜单之外。如何解决？

这一行是图标 Font Awesome:

<i class="fas fa-star-half-alt"></i>

这是我想要图标的子菜单:

<li class='last'><a href='#'><span>Menu 3</span></a></li>   

我想将每个图标放在子菜单中，并且它们向左对齐。感谢您的帮助，因为我无法用我研究的其他问题解决我的问题。谢谢。

来源: http://jsfiddle.net/mekLzupt/

Answer 1

将您的图标放在 anker 标签内。试试这行代码。

<li class='active'><a href='#'><i class="fas fa-grin-squint-tears"></i><span>Inicio</span></a></li>