将复选框和标签包装在容器中
第一步是将元素包装在一个容器中,这样我们就可以使用它为复选框和标签应用样式。
<div class="checkbox-container">
<input type="checkbox" id="checkbox1">
<label for="checkbox1">Checkbox Label</label>
</div>
设置复选框和标签的样式
一旦我们有了我们的容器,我们就可以使用 CSS 来定位复选框和标签,调整它们的大小,并设置它们的样式。
.checkbox-container {
display: flex;
align-items: center;
}
.checkbox