Html 列表项文本在图标下保持换行

我只是想用我在列表中使用的图标来解决一个令人沮丧的问题。当文本换行到另一行时，它总是位于图标下方，而不是直接位于第一行文本下方。我搞不懂发生了什么事。我试着给Iclass的图标增加一个高度，但它做了同样的事情

希望你能帮忙

#事实{
填充：0；
利润率：1%0；
列表样式：无；
}
#事实李{
利润率：2%17%；
}
#事实一{
保证金权利：2%；
字体大小：130%；
}
@字体{
字体系列：“Flaticon”；
src:url（“./Flaticon.eot”）；
src:url（“./Flaticon.eot？#iefix”）格式（“嵌入式opentype”）、url（“./Flaticon.woff”）格式（“woff”）、url（“./Flaticon.ttf”）格式（“truetype”）、url（“./Flaticon.svg#Flaticon”）格式（“svg”）；
字体大小：正常；
字体风格：普通；
}
@媒体屏幕和（-webkit最小设备像素比：0）{
@字体{
字体系列：“Flaticon”；
src:url（“./Flaticon.svg#Flaticon”）格式（“svg”）；
}
}
[class^=“flaticon-”]：在，
[类别*=“扁平图标-”]：在，
[class^=“flaticon-”]：在，
[类别*=“扁平图标-”]：之后{
字体系列：Flaticon；
.字体大小：20px；
字体风格：普通；
.左边距：20px；
}
.flaticon苹果：之前{
内容：“\f100”；
}
.flaticon饼干：以前{
内容：“\f101”；
}
.flaticon咖啡杯：之前{
内容：“\f102”；
}
.flaticon胶卷：之前{
内容：“\f103”；
}
.flaticon游戏板：之前{
内容：“\f104”；
}
.flaticon割草机：之前{
内容：“\f105”；
}

随机文本随机文本随机文本随机文本随机文本随机文本

更好的方法是将图标放置在

位置：Absolute

并在

上添加一些左缩进

#事实{
填充：0；
利润率：1%0；
列表样式：无；
}
#事实李{
位置：相对位置；
左侧填充：25px；
利润率：2%17%；
}
#事实一{
位置：绝对位置；
字体大小：130%；
左：0；
排名：0；
}
@字体{
字体系列：“Flaticon”；
src:url（“./Flaticon.eot”）；
src:url（“./Flaticon.eot？#iefix”）格式（“嵌入式opentype”）、url（“./Flaticon.woff”）格式（“woff”）、url（“./Flaticon.ttf”）格式（“truetype”）、url（“./Flaticon.svg#Flaticon”）格式（“svg”）；
字体大小：正常；
字体风格：普通；
}
@媒体屏幕和（-webkit最小设备像素比：0）{
@字体{
字体系列：“Flaticon”；
src:url（“./Flaticon.svg#Flaticon”）格式（“svg”）；
}
}
[class^=“flaticon-”]：在，
[类别*=“扁平图标-”]：在，
[class^=“flaticon-”]：在，
[类别*=“扁平图标-”]：之后{
字体系列：Flaticon；
.字体大小：20px；
字体风格：普通；
.左边距：20px；
}
.flaticon苹果：之前{
内容：“\f100”；
}
.flaticon饼干：以前{
内容：“\f101”；
}
.flaticon咖啡杯：之前{
内容：“\f102”；
}
.flaticon胶卷：之前{
内容：“\f103”；
}
.flaticon游戏板：之前{
内容：“\f104”；
}
.flaticon割草机：之前{
内容：“\f105”；
}

随机文本随机文本随机文本随机文本随机文本随机文本
随机文本随机文本随机文本随机文本随机文本随机文本

不必沮丧，这是一个两行css！。请在#事实i中添加以下行

因此，最后一块代码应该如下所示：

#facts i {
    margin-right: 2%;
    font-size: 130%;
    display: block;
    float: left;
}

---

希望这能有所帮助。

谢谢你的款待，非常感谢。将使用这个或绝对位置的方式得到我要找的。感谢你们两位的帮助，我使用了你们的代码，但它并不像你们要求的那样有效：）

#facts i {
    margin-right: 2%;
    font-size: 130%;
    display: block;
    float: left;
}