Html 当两个文本都位于同一li元素中时，如何使它们从另一个文本的正下方开始

我正在这个垂直菜单栏上工作。我正在使用响应式css，如下所示： 问题是我正在制作的这个列表有5个列表项，使用了令人敬畏的字体图标。 我有一个最小宽度为768像素的媒体查询设置，当我下降到菜单项中的文本开始在下面的行上时

有没有什么方法可以让文本对齐，这样它们就可以在第一行之后开始，就像你们看到的那样——服务从图标下方开始，而不是从网络开始。我知道图标是文本，因此我也尝试了文本对齐，但没有成功。请帮帮我

---

如果有一种方法可以在这两行之间对齐字体，这也会很有帮助。

在添加引导时，您应该能够使用网格将图标和文本彼此对齐

<div col-xs-12 col-md-12 col-lg-12 col-sm-12>
<li>
<span class="glyphicons glyphicons-pie-chart"></span>
<b>Pie chart</b>
</li>
</div>

饼图

bro只需添加空白：nowrap；谢谢你，伙计！！但是兄弟，我不使用引导！！