Html 在CSS中的一行中添加一个边距（至少这是我想做的事情）

目前，我正在我的网站上添加一个图标“服务”部分。我知道几乎没有css，这就是为什么我在这里张贴。我想让图标所在的“块”不会进入页面边缘，并留下一个宽度与彼此之间的边距相似的边距。我非常感谢你在这方面的帮助。非常感谢。我已经包括了一个指向我的JSFIDLE的链接，如果不太麻烦的话，我希望您能以编辑版本的形式给出答案

乱数假文



Lorem ipsum dolor sit amet，是一位杰出的领导者。
埃尼安·康莫多。

乱数假文



Lorem ipsum dolor sit amet，是一位杰出的领导者。
埃尼安·康莫多。

乱数假文



Lorem ipsum dolor sit amet，是一位杰出的领导者。
埃尼安·康莫多。

.身体{
背景色：#EFEF；
}
.关于div{
填充：30px；
边框底部：1px实心#dbdb；
背景色：#f7f7f7；
}
.圆形边框图标{
边框：10px双倍#efef；
颜色：#2b2f；
文本对齐：居中；
填充顶部：15px；
高度：100px；
宽度：100px；
边界半径：50%；
光标：指针；
-webkit转换：0.3s；
-moz跃迁：0.3s；
-o-转变：0.3s；
过渡：0.3s；
}
.图标圆形边框：悬停{
颜色：#efefef；
边框：10px双#fff；
背景色：#414546；
-webkit转换：0.3s；
-moz跃迁：0.3s；
-o-转变：0.3s；
过渡：0.3s；
}
.关于人力资源部{
边框：1px实心#2b2f；
}
.关于h3分区{
字体大小：25px；
字号：700；
文本转换：大写；
}
.关于p组{
填充顶部：10px；
}
.btn集{
边界半径：0px；
-webkit边界半径：0px；
-moz边界半径：0px；
边缘底部：50px；
}
.关于{
宽度：90vw；
}

用clearfix替换该行。这样，您将回收本机边距和填充，而不是覆盖它

删除此项：

<div class="row">

加上这个

<div class="clearfix">

新的前端开发人员犯的最大错误之一是，当问题在于首先使用正确的类时，会覆盖类。：）这是常有的事

---

您的

是否尝试使用

左边距

和/或

右边距

？您应该使用

容器

@KeithAnderson请详细说明您的问题。我会详细说明我的问题吗？对于Takendark，我做了，但没有帮助，Nenand Vracar，我该如何实施？请仔细阅读下面帮助我的答案。非常感谢！他很有魅力。下次我一定要记住这一点！

<div class="clearfix">