Html 如何使用两列垂直输入创建表单

我想制作一个包含两列输入表单的页面

例如，左侧的文本框和右侧的复选框

我怎么能这么做

#left
{
  float:left;


}

#right
{
float:right;
}

---

两个div。其中一个具有以下风格：

.left_div_input_boxes {

width:50%;
float:left;

}

还有一个

.right_div_check_boxes {

    width:50%;
    float:right;

    }

---

两个div。其中一个具有以下风格：

.left_div_input_boxes {

width:50%;
float:left;

}

还有一个

.right_div_check_boxes {

    width:50%;
    float:right;

    }

---

输入是内联元素，因此它们将并排放置，除非插入中断或块级元素：

<input type="text" /><input type="checkbox"><br /><input type="text" /><input type="checkbox">

---

这将生成两列输入，不需要样式设置。

输入是内联元素，因此它们将并排放置，除非插入打断或块级元素：

<input type="text" /><input type="checkbox"><br /><input type="text" /><input type="checkbox">

---

这将生成两列输入，不需要样式设置。

将每列（左和右）的宽度设置为49%。这将使它们各自占据屏幕的一半，中间有一点间隔。（同样，如果两个都设置为50%，则可以有四舍五入的问题，将一个列向下压到另一个列。

将每个列的宽度（左、右）设置为49%。这将使它们各自占据屏幕的一半，中间有一个小的间隔。（另外，如果两者都设置为50%，则可能会出现舍入问题，使其中一列低于另一列。

HTML:

使用float时，不要忘记添加一个clear div作为浮动元素的最后一个同级…

HTML:

---

在使用float时，不要忘记添加一个clear div作为浮动元素的最后一个同级…

请展示您迄今为止的尝试。通常在StackOverflow，除非尝试得到证明，否则人们不会给出代码。同意-不够详细。组装一个模型，并问一个更具体的问题：有css比没有更好问题很好我不同意没有足够的细节。这是一个足够简单的问题，也是一个普通的问题。也许是因为他想做一个“表格”有点像鲱鱼，但实质是他想要两个div以列格式排列。我是通过谷歌搜索登陆这里的，我的问题得到了准确的回答。请展示你迄今为止的尝试。通常在StackOverflow，除非尝试得到证明，否则人们不会给出代码。同意-不够详细。组装一个模型并询问更多规范科学问题：有css比什么都没有好…问题很好。我不同意没有足够的细节。这是一个足够简单的问题，也是一个很常见的问题。也许是因为他想做一个“表单”这有点像鲱鱼，但实质是他想要两个div以列的形式排列。我是通过谷歌搜索登陆这里的，我的问题得到了准确的回答。我能不能让左边到左边有两列支票盒？总共有3列。我能不能让左边到左边有两列支票盒？一个三列好的，灵活的回答，不依赖于设置宽度或高度。谢谢！好的，灵活的回答，不依赖于设置宽度或高度。谢谢！