Html 左边和右边都有额外的空间，我怎样才能修复它？

我在一些图像周围有一个div，我想在它周围有一个边框，但是边框被扩展到了左右两侧的图像上，在“container div”上增加一个宽度并不会改变它

以下是带有额外边框的应用程序的屏幕截图：

.floaticons{
文本对齐：居中；
位置：绝对位置；
底部：0px；
边框：1px黑色实心；
边界半径：500px；
背景：rgba（255，255，255，0.3）；
}
.图标{
填充：10px；
宽度：13%；
}

---

你希望这样吗

以全屏模式运行代码段

.floaticons{
文本对齐：居中；
位置：绝对位置；
底部：0px；
边界半径：500px；
背景：rgba（255，255，255，0.3）；
}
.img{
边框：1px黑色实心；
}
.图标{
填充：10px；
宽度：13%；
}

请分享一份MVCE@AkberIqbal什么是MVCE？共享代码，生成一个最小的可验证完整示例，复制您的问题