Html 使用空格CSS生成列表元素块

我想用列表中的元素创建带有空格的独立块。目前元素之间没有距离，我无法构建所需的块。我附上了一张图片来说明我的意思

在CSS中我需要做什么

li{
浮动：左；
边框：3倍纯色灰色；
}

项目1
项目2
项目3

在列表周围添加边距

li{margin:4px；}

ul{
显示器：flex；
保证金：0；
填充：0；
列表样式：无；
}
ulli{
边框：1px纯黑；
利润率：10px；
}

A.


A.


A.


A.


A.

使用CSS网格

ul{
保证金：0；
填充：0；
显示：网格；
网格自动流：列；
证明内容：中心；
间隙：15px；
列表样式：无；
}
李{
边框：1px实心；
}

项目1
项目2
项目3

浮动将终止任何垂直/水平对齐：不要使用它。显示可以重置。。。看起来这里是典型的flex使用。。。或更新liThanks的内联块。