在html中对齐旁边的复选框

我有一个关于使用html/CSS的基本CSS/html问题。我认为这是相当基本和明显的，但它并没有按预期工作

在这个基本的图像中，我希望标签是专业知识的权利

创建一个注册页面，用户在其中选择他们的专业知识

我相信这基本上是正确的

 <tr>

 <td>Expertise</td>
  <input type="checkbox" style="vertical-align: left; margin: 12px;"> Label </input><br>            
  <input type="checkbox" style="vertical-align: left; margin: 12px;"> Label 2 </input>

</tr>

---

然而，这并没有达到预期的效果

首先，您的标记无效，table元素只能将用于table的元素作为其子元素，即tbody、thead、th、tr、td等，而不能包含其他元素，您可以将这些复选框放在td内

其次，输入标记没有任何显式的结束标记，您需要自动关闭它，否则就不关闭它，就像

第三，使用标签标签，而不是在复选框之外有零散的文本

正确的方法

<table>
  <tr>
    <td class="valign">
        Expertise
    </td>
    <td>
        <input type="checkbox" style="vertical-align: left; margin: 12px;" />
        <label>Label</label><br />
        <input type="checkbox" style="vertical-align: left; margin: 12px;" />
        <label>Labe2</label>
    </td>
  </tr>
</table>

---

首先，您的标记无效，table元素只能将表的元素作为其子元素，即tbody、thead、th、tr、td等，而不能包含其他元素，您可以将这些复选框放在td中

其次，输入标记没有任何显式的结束标记，您需要自动关闭它，否则就不关闭它，就像

第三，使用标签标签，而不是在复选框之外有零散的文本

正确的方法

<table>
  <tr>
    <td class="valign">
        Expertise
    </td>
    <td>
        <input type="checkbox" style="vertical-align: left; margin: 12px;" />
        <label>Label</label><br />
        <input type="checkbox" style="vertical-align: left; margin: 12px;" />
        <label>Labe2</label>
    </td>
  </tr>
</table>

---

由于您已经在使用表，只需将输入标记放入另一个td标记中，如下所示：

<tr>

 <td>Expertise</td>
 <td>
  <input type="checkbox" style="vertical-align: left; margin: 12px;"> Label </input><br>            
  <input type="checkbox" style="vertical-align: left; margin: 12px;"> Label 2 </input>
 </td>

</tr>

---

这将使复选框显示在专家右侧。

因为您已经在使用表，只需将输入标记放入另一个td标记中，如下所示：

<tr>

 <td>Expertise</td>
 <td>
  <input type="checkbox" style="vertical-align: left; margin: 12px;"> Label </input><br>            
  <input type="checkbox" style="vertical-align: left; margin: 12px;"> Label 2 </input>
 </td>

</tr>

---

这将使复选框显示在专家右侧。

为什么不能在td ENDSJ必须切换它们之前放置这两个复选框。为什么你不能在td ENDSJ之前选中这两个复选框必须切换它们。有什么理由让我的标签偏离我想要的方式而不是我想要的方式吗jfiddle@JavaChipMocha是的，我会告诉你使用它们的好处wait@JavaChipMocha选择文本，复选框将自动选中：此外，最好使用标签，而不是散乱的文本，标签将显示是，这个文本属于那个特定的复选框我也遇到了一个问题，我没有使用它，而是使用了这个特定的css。另外一个问题是，我应该如何合并它，或者我应该编辑它。@JavaChipMocha放弃它，从fresh开始，我他妈的确定不是你写了那段代码，我的标签有什么理由偏离我想要的方式吗jfiddle@JavaChipMocha对我会告诉你使用它们的好处wait@JavaChipMocha选择文本，复选框将被自动选中：另外，最好使用标签，而不是散乱的文本，标签将显示是的，此文本属于特定的复选框我也有一个问题，而不是使用我正在使用这个特定的css。另外一个问题是，我应该如何合并它，还是编辑它。@JavaChipMocha放弃它，从fresh开始，我敢肯定不是你写的那段代码