如何将单选按钮列表与文本输入列表对齐

Question

使用我的测验创建器界面，用户输入三个答案，然后通过设置单选按钮标记正确的答案：

http://jsfiddle.net/VLeph/2/

但是，我无法获得文本输入和复选框以便很好地排列。我希望在文本输入和复选框之间没有圆角的情况下这样做。就像下面链接中显示的水平无线电组一样。但是左边有文字输入。

http://jsfiddle.net/CeN9z/。

你知道怎么做吗？

谢谢:) 基督教

Answer 1

您可以尝试将所有文​​本输入放在网格中的一个单元格中，将所有单选按钮放在另一个单元格中，然后使用一些样式来正确对齐它们。

像jsfiddle

这样的东西