Javascript 带有图标的CSS警告Div

我创建了一条警告消息或div，通常在我们结账购买域名时显示

但是当我创建自己的CSS时

---

锁定图标确实必须显示在文本的左侧，但显示为内联。

您已内联添加了图标。将其设置为单独的div和文本，并将div设置为inline block，设置的宽度加起来为100%（例如，20%和80%，根据需要进行调整）

.ftralert{
填充：15px；
边缘底部：20px；
边框：1px实心透明；
边界半径：0px
字体系列：无衬线；
-webkit文本大小调整：100%；
-ms文本大小调整：100%；
/*移除内联间隙*/
字号：0；
}
.ftralert警告{
颜色：#8a6d3b；
背景色：#fcf8e3；
边框颜色：#faebcc；
字体系列：无衬线；
-webkit文本大小调整：100%；
-ms文本大小调整：100%
}
.ftralert>div{
显示：内联块；
垂直对齐：顶部；
字体大小：12px；
}
/*调整你的图标*/
.ftralert>div:第一个孩子{
宽度：20%；
}
.ftralert>div:最后一个孩子{
宽度：80%；
}

偶像
此订单是在安全的环境中提供的，用于帮助防止欺诈您当前的IP地址（223.187.232.6）正在被记录。

添加

浮动：左至

并提及占用空间的大约高度
。我给出了
高度：100px这里


.ftralert{
宽度：50%；
填充：15px；
边缘底部：20px；
边框：1px实心透明；
边界半径：0px
字体系列：无衬线；
-webkit文本大小调整：100%；
-ms文本大小调整：100%
}
.ftralert警告{
颜色：#8a6d3b；
背景色：#fcf8e3；
边框颜色：#faebcc；
字体系列：无衬线；
-webkit文本大小调整：100%；
-ms文本大小调整：100%
}
.ftralert警告一{
浮动：左；
右边距：30px；
高度：100px；
}

此订单是在安全的环境中提供的，用于帮助防止欺诈您当前的IP地址（223.187.232.6）正在被记录。
您在线添加了图标。将其与文本一起作为单独的div。
不推荐使用。将CSS
font-weight:bold
与
一起使用。这不是它的工作方式。这里发布的问题不仅针对正在发布的人，也针对其他用户的未来参考。解决问题后，您无法编辑该问题。您应该发布一个新问题。请删除您的答案。我感谢你的回答是正确的，请删除旅游答案，因为我的问题已经改变了——你要求我在建议评论中删除我的答案。请阅读如何提问-