ul没有与单选按钮对齐

Question

input{
  display: block;
}

ul {
  list-style: disc outside none;
  margin-top: -16px;
}

<form>
  <input type="radio" name="sex" value="male" checked></input>
  <ul>
    <li>I want this to be one line up, in line w/ the button</li>
    <li>Lots of text here...</li>
    <li>One more item</li>
  </ul>
  <input type="radio" name="sex" value="female"></input>
</form>

我有一个表单，其中有几个单选按钮作为答案，其中一些包含子弹点。我希望子弹点与单选按钮在同一行开始，但我很难设置它。负边际有效，但似乎必须有更好的方法。请参见此处的图片：radio_ul

Answer 1

我假设您没有使用重置，但该屏幕截图看起来不像默认的浏览器样式。不过，看起来您需要删除ul上的边距或填充。在样式表中尝试以下操作：

form ul { margin-left: 0; }

或

form ul { padding-left: 0; }

在表单中使用类名称也不是一个坏主意。 希望有所帮助。