对齐没有CSS或表格的复选框？

Question

如果我有一个像下面这样的html表单:

<form name="statusForm" action="post.php" method="post" enctype="multipart/form-data">
Test:
<input name="checkboxes[]" value="Test" type="checkbox">
<br>
TestTestTest:
<input name="checkboxes[]" value="Test" type="checkbox">
<br>
TestTestTestTestTestTest:
<input name="checkboxes[]" value="Test" type="checkbox">
<br>
TestTestTestTestTestTestTestTestTestTestTest:       
<input name="checkboxes[]" value="Test" type="checkbox">
<br>
<input name="Submit" value="submit" type="submit">
</form>

是否可以对齐复选框使它们联合起来,而不使用表格或CSS而是使用纯HTML？否则,应该使用哪个css？

Answer 1

对.用<label>标签围绕每个标签:

<label for="checkboxes1">Test:</label>
<input id="checkboxes1" name="checkboxes[]" value="Test" type="checkbox">

然后给标签一个宽度:

label {
    display: inline-block; /* try "block" instead if this fails in IE */
    min-width: 5em;
}

这应该很好地填充文本框.作为额外的好处,点击标签现在应该将浏览器焦点放在文本框中.