Javascript 我在问题表单中的css有点问题

我在问题表单的设计上遇到了问题，特别是页边和填充。我希望问题形式在问题之间没有间隔，答案之间有一点间隔

现在看起来是这样的

代码是Html

网站2020年7月28日
JAVASCRIPT/CSS/HTML实践

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失。但是，我们的目标是实现最低限度的利益，我们的目标是实现最高目标
暂时性的劳工和财产损失。我们在这里吃得很少，

问题
你好吗？
伟大的
好啊
可怕的
想知道时间吗？
&抄袭；版权所有2020网站2020年7月28日

有几种方法可以做到这一点。您希望在检查答案之间留有空格，因此对每个div（问题）使用flex并对每个答案使用div是有意义的，这样收音机就不会远离文本

正文{
宽度：100vw；
高度：100vh；
背景颜色：紫色；
}
形式{
宽度：50vw；
高度：70vh；
背景颜色：蓝色；
文本对齐：居中；
保证金：0自动；
}
.问题{
显示器：flex；
柔性流：行换行；
证明内容：周围的空间；
}

你酷吗？
酷
真棒
伟大的
你确定吗？
是的
不

有几种方法可以做到这一点。您希望在检查答案之间留有空格，因此对每个div（问题）使用flex并对每个答案使用div是有意义的，这样收音机就不会远离文本

正文{
宽度：100vw；
高度：100vh；
背景颜色：紫色；
}
形式{
宽度：50vw；
高度：70vh；
背景颜色：蓝色；
文本对齐：居中；
保证金：0自动；
}
.问题{
显示器：flex；
柔性流：行换行；
证明内容：周围的空间；
}

你酷吗？
酷
真棒
伟大的
你确定吗？
是的
不

虽然有一些方法可以解决这一问题，但您的代码在语义上存在很多问题，这使得这一点很困难。我将重点关注表格。答案不应单独包装在

标签中。整个问卷是一个表单，因此您的整个表单应包装在

中。您可以将答案包装更改为divs，并向其添加类

。答案
以进行控制。你无缘无故地过度使用ID，把它们改成可重用的类。虽然有一些方法可以解决这个问题，但是你的代码在语义上有很多问题，这使得这很困难。我将重点关注表格。答案不应单独包装在
标签中。整个问卷是一个表单，因此您的整个表单应包装在
中。您可以将答案包装更改为divs，并向其添加类
。答案
以进行控制。如果您无缘无故地过度使用ID，请将其更改为可重用类。