Html 是否防止列表中的文本在图标项目符号下换行？

我以前构建过列表并为其设置了样式，但是这个列表是由一个很棒的字体创建的，并且它使用了一个div（它不是全局的）

我从这个开始：

ul.fa-ul2 li:before {
    font-family: FontAwesome;
    content: '\f058';
    color: #6190C3;
    font-size: 28px;
    padding-right: 10px;
    margin-left: -15px;
}

无论我做了什么尝试，都无法让文本停止在bullet下包装。还需要使列表元素稍微对齐，以便它们与字体对齐。以下是指向测试站点的链接：

---

我尝试过“显示：内联块”和“列表样式位置：外部”，但没有成功。我可能把它们放错地方了。谢谢你的建议

将此样式集

位置：绝对

添加到

li:before

和li

位置：相对

ul.fa-ul2 > li{
 position: relative;
}

ul.fa-ul2 li:before {
 position: absolute;
 left: -13px;
}

---

只需添加相对于

li:before

的位置，并使用负数

top

和

left

ul.fa-ul2 li:before {
  position: relative;
  top: -20px;
}

---

我想我得到它是为了显示你想要的方式

小提琴：

---

添加此代码以使列表元素向上

ul.fa-ul2 li:before{
top: 5px;
}

---

谢谢，但我想避免一些会影响李的事情。非常感谢您的时间。哦，当然，您可以将时间限制在

ul.fa-ul2 li

（而不是

li

）

ul.fa-ul2 li:before{
top: 5px;
}