Html CSS网格中的列表未按预期对齐

问题/误解：

我已经为无线电选择创建了一个输入类型=无线电。在第3列开始时，无线电选择应该与左边对齐，但是它们在中间，在第3和第4列之间。

预期行为：

单选输入选项应位于第3列的开头，与名称标签的文本输入栏对齐

下面是最小、完整和可验证的代码

MCV.html代码：

<link rel="stylesheet" href="MCP.css">
<div class="grid-container">
  <form id="survey-form">
    <label for="name" id="name-label">Name:</label>
    <input type="text" id="name">
    <div class="radio-title">
      <p>Gender:</p>
    </div>
    <div class="radio-options">
      <ul>
        <li>
          <input type="radio" id="choice-1">
          <label for="choice-1">Option A</label>
        </li>
        <li>
          <input type="radio" id="choice-1">
          <label for="choice-1">Option B</label>
        </li>
      </ul>
    </div>
  </form>
</div>

这是一张带有行号和表格网格的图像：

感谢所有反馈，谢谢

---

注意：此问题已在中得到解答。看看第二个答案。

我认为这更像是一个列表问题。大多数浏览器都会在元素上添加某种填充/边距，因此大多数人在开始新页面之前都会清除这些填充/边距

要使用代码笔，请执行以下操作：

//css
.gender ul {
  padding: 0;
}

---

您将看到按钮移到您想要的位置。

请在问题中包含您的代码，不要只是链接到它。这是为了防止链接腐烂，并确保您的问题是有意义的，是有用的，不依赖外部网站。将在几个小时内更新，大卫。对不起，我没有回答。@DavidThomas我已经编辑了提交内容，并按照建议向未来用户展示了MCV。问题已经解决了。@Michael_B问题不是该答案的重复，因为这实际上是关于在css网格中对齐列表的问题。@Michael_B你说得对，它是重复的。您已经提供了此问题的答案。我的错。这个问题有误导性，我没有看所有的答案。谢谢你，这解决了我眼前的问题！

//css
.gender ul {
  padding: 0;
}