联系表格7复选框

Question

我使用Divi主题进行Wordpress和联系表单7插件。我有一个带有4个复选框的表单。我需要在两列中对齐，我需要它们才能响应，因此它也会出现在两列的手机上。 问题是我在css中尝试了所有我知道的事情来实现它，我可以用于台式机和笔记本电脑的尺寸，但不能使它在移动设备上运行。我尝试在单独的div中使用复选框，两者都有50％的宽度，左右对齐，但它们总是在不同的侧面上一个在另一个下方。你可以帮忙或给我一些提示和指示尝试一下吗？ 这是网站链接www.debtanxiety.com

Answer 1

将复选框包装在单独的容器中，并将这些样式规则应用于这些容器。

.checkbox-container {
    width: 50%;
    margin: 0;
    padding: 0;
    float: left;
}

为了改善美感，您可以添加填充和边距。确保在宽度上进行必要的调整以适应这些变化。