html - 如何将 google 字体 (chevron_right) 放在 html 链接的前面？

Question

我在 html 中使用谷歌字体，我想将谷歌字体 (chevron_icon) 放在链接的前面，但问题是它将它放在链接下面而不是前面。这是我的代码。

<div class="mobile-navigation">
            <ul id = "mobile-nav" class="side-nav">
                <li>
                    <a href="#" onclick = "openList()"> Fashion </a> <i class="material-icons">chevron_right</i>
                    <ul id = "submenu1">
                        <li><a href="#">Shirts</a></li>
                        <li><a href="#">Jackets</a></li>
                        <li><a href="#">Jeans</a></li>
                        <li><a href="#">T-Shirts</a></li>
                        <li><a href="#">Underwear</a></li>

                    </ul>
                </li>
                <li>
                    <a href="#">Electronics</a>
                </li>

            </ul>
        </div>

它显示的输出是这样的。

文件

>

电子

我想要以下输出。

文件>

电子

Answer 1

你把人字形放在了错误的地方，你需要这样放:

<a href="#" onclick = "openList()"> Fashion <i class="material-icons">&#62; (chevron_right)</i></a> 

这是一个有效的 fiddle :https://jsfiddle.net/vtkLy29r/1/