如何将复选框放在li元素内居中？

<ul>
  <li>
    <input type="checkbox" id="checkbox1">
    <label for="checkbox1">选项1</label>
  </li>
  <li>
    <input type="checkbox" id="checkbox2">
    <label for="checkbox2">选项2</label>
  </li>
</ul>

ul li {
  display: flex;
  align-items: center;
}