Javascript 使用图标将内容适配到列中

当我跟踪另一个时，我发现它在我的情况下不起作用。我使用了一个非常棒的字体图标，它会干扰我的CSS

我应该采取什么步骤使文本段落从左边框和图标开始以相同的缩进（以像素为单位）

在这种情况下不起作用的建议解决方案：

#left {
    float:left;
    width:7px;
}
#right {
    width: 100%;
}

与输入字段相邻的长描述，不能放在一行中，必须拆分为多行。

您可以在包含

div

元素上使用正的

左边距

，在子

img

上使用负的

左边距

将其移动到文本的左侧，如下所示：

div{
宽度：200px；
文本对齐：对齐；
左边距：20px；
}
部门fa{
浮动：左；
宽度：10px；
利润率：3px0-15px；
}

与输入字段相邻的长描述，不能放在一行中，必须拆分为多行。

有几种方法可以实现这一点，Rory向您展示了一种。另一种方法是向main（父元素）添加

相对的
位置属性值，如下所示，然后向.fa添加
绝对的
位置属性值。这样，您就可以使用
left
和
负值来定位它

注意：要使文本环绕图标，只需向左浮动
.fa
，然后使用
边距
调整图标和文本之间的间距


.main{
宽度：200px；
左边距：50像素；
位置：相对位置；
}
法兰西{
位置：绝对位置；
左：-25px；
}

与输入字段相邻的长描述，不能放在一行中，必须拆分为多行。
这可能是的副本。