Css 如何对齐复选框

这是我的密码。我希望这两个复选框相互重叠，但也要对齐。当前，当代码运行时，复选框会一直显示在屏幕的左侧，即使我使用了justify content:center，复选框似乎也不想居中

请帮忙，谢谢

  <input name="change" type="checkbox" value="Borrow Time">Borrow Time</label>
  <label><input name="change" type="checkbox" value="No Cigs">No Cigs </label>

label{
  display: inline-block;
  width: 180px;
}

借用时间
没有烟
标签{
显示：内联块；
宽度：180px；
}

这是您所期望的吗

.flex容器{
显示器：flex；
证明内容：中心；
}
.内挠性容器{
显示器：flex；
弯曲方向：立柱；
}

借用时间
没有烟

使用如下代码片段：

.flex-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
label {
    display: inline-block;
    width: 123px;
}

<div class="flex-container">
   <label>
   <input 
          name="change"
          type="checkbox"
          value="Borrow Time">Borrow Time</label>
  <label>
    <input 
           name="change"
           type="checkbox"
           value="No Cigs">No Cigs 
  </label>
  </div>

.flex容器{
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
}
标签{
显示：内联块；
宽度：123px；
}
借用时间
没有烟

欢迎来到Stack Overflow，首先，您阅读了以下内容吗？和