如何使用CSS设置这些选项之间的间距？

我制作了一个关于蜘蛛饮料定价的React应用程序，我想使用CSS增加这些选项之间的间隔（例如名称、价格、数量等，请参见下面的图片进行说明）

有办法做到这一点吗

我的React应用程序的图片：

谢谢大家!

编辑：

以下是我在add-component.css和add-component.jsx文件中的代码：

。设置样式{
填充：1.5雷姆；
}

从“React”导入React
导入“./add component.css”
常量添加元素=（）=>{
返回(
名称
价格
量
量
单位
升
克
通货
$
£
罗恩
添加配料！
)
}
导出默认添加元素只需使用边距给出它们之间的间距：

label { margin-right: 10px; }

这将解决您的问题：

我刚才补充说：

form > div{
    margin-bottom:5px;
}

用于选项之间的间距

用于
标签
和
输入

可以根据需要调整这两种样式的值


。设置样式{
填充：1.5雷姆；
}
表格>分区{
边缘底部：5px；
}
标签{
右边距：10px；
}
import React from'React'import./add component.css'const AddIngredient=（）=>{return(
名称
价格
量
量
单位
升
克
通货
$
£
罗恩
添加配料！
)}导出默认添加元素在输入元素之间添加边距

.style-up  div{
    margin: 10px 0;
}

您可以根据元素的“id”或“class”来选择元素，然后在CSS中给它们一个边距

.element{
保证金：5px2px；
}

（5px设置顶部和底部边距）
（2px设置左右边距）
我们需要查看代码以帮助您。好的，我会更新我的帖子。谢谢@BhojendraNepal，这也很有效。谢谢你的另一个解决方案，@karthik！谢谢你的帮助，@RealMJDev。
.style-up  div{
    margin: 10px 0;
}