html - 有序列表编号和标签未对齐

Question

我在 ol 中有一个 label 和一个 input

<ol>
  <li>
    <label for="testing" style="display:inline-block;width:200px;">
      <!-- Content Here -->
    </label>
    <input type="checkbox" id="testing" name="test" value="" />
  </li>
</ol>

如果我将 width 添加到我的 label，this是我得到的结果

如您所见，我的 label 中的第一行(以第一个单词 Donex 开头)与列表中的数字 1 不对齐。我希望我的标签文本与我的列表编号在同一行开始。

Answer 1

将标签样式设置为vertical-align:top;