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

Question

我要复制此网站的以下导航栏： Cherry Responsive Menu

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

Problem with the icons

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

此行是“超赞字体”图标：

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