如何对齐复选框标签

Question

复选框的标签未正确对齐？ IMG 1标签已正确对齐，但不适用于IMG 2.如何对齐它们？

正确对齐复选框的文本标签

复选框标签未对齐

Answer 1

您可以使用表格

<table>
  <tbody>
    <tr>
      <td><input type="checkbox"></td>
      <td class="text">Some Long Texttttttttttt</td>
    </tr>
  </tbody>
</table>

<强>段

.text{
   width:100px;
}

<table>
  <tbody>
    <tr><td><input type="checkbox"></td><td class="text">Some Long Texttttttttttt</td></tr>
  </tbody>
</table>

Answer 2

使用css

display:inline-block

对于复选框和文本，请确保将它们包含在这些复选框和文本的公共div中。