如何对齐我的左单选按钮和复选框，就像我可以轻松地对齐段落一样？

要对齐左侧的单选按钮和复选框，可以使用以下方法：

使用HTML的表格布局：将单选按钮和复选框放置在表格的单元格中，并使用表格的行和列来对齐它们。例如：

<table>
  <tr>
    <td><input type="radio" name="option" value="option1"></td>
    <td>选项1</td>
  </tr>
  <tr>
    <td><input type="radio" name="option" value="option2"></td>
    <td>选项2</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="option" value="option3"></td>
    <td>选项3</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="option" value="option4"></td>
    <td>选项4</td>
  </tr>
</table>

使用CSS的浮动属性：将单选按钮和复选框放置在容器中，并使用CSS的浮动属性来对齐它们。例如：

<div class="container">
  <input type="radio" name="option" value="option1">
  <label>选项1</label>
  <br>
  <input type="radio" name="option" value="option2">
  <label>选项2</label>
  <br>
  <input type="checkbox" name="option" value="option3">
  <label>选项3</label>
  <br>
  <input type="checkbox" name="option" value="option4">
  <label>选项4</label>
</div>

<style>
.container {
  width: 200px;
}

input[type="radio"],
input[type="checkbox"] {
  float: left;
  margin-right: 10px;
}
</style>

使用CSS的Flexbox布局：将单选按钮和复选框放置在容器中，并使用CSS的Flexbox布局来对齐它们。例如：

<div class="container">
  <input type="radio" name="option" value="option1">
  <label>选项1</label>
  <br>
  <input type="radio" name="option" value="option2">
  <label>选项2</label>
  <br>
  <input type="checkbox" name="option" value="option3">
  <label>选项3</label>
  <br>
  <input type="checkbox" name="option" value="option4">
  <label>选项4</label>
</div>

<style>
.container {
  display: flex;
  flex-direction: column;
}

input[type="radio"],
input[type="checkbox"] {
  align-self: flex-start;
}
</style>

以上是三种常见的方法来对齐左侧的单选按钮和复选框。根据具体的需求和布局，选择适合的方法即可。