Html 如何使复选框在表单中对齐？

我有个问题。。我有一个带有3个复选框和一个文本字段的div，所以基本上是一个表单。表单居中，但现在复选框也都在中心对齐，看起来不太好。有谁知道，我怎样才能让他们彼此低于对方

xy

zy

XS

额外：

将复选框包装在一个div中。在我的代码片段示例中，它们用类

包装在一个div中。
然后我使用CSS属性
width:min content
使该div的宽度仅与最大内容行的宽度相同。但是，这将导致不必要的断字行为，该行为通过
空白：nowrap。
最后但并非最不重要的一点是，我给它一个
text align:left因为复选框位于左侧。这样，当它们与div的左侧对齐时，它们彼此下方对齐


.wrapper{
宽度：最小含量；
空白：nowrap；
文本对齐：左对齐；
}

xy

zy

XS

额外：

请插入css@sergeykuznetsov在这种情况下，css根本不重要。他使用内联样式。在提出不需要的问题之前，最好先阅读并理解问题和代码。@Tacosh，我总是在给出答案或评论之前阅读问题。回答这个问题不是问题，但作者可能有自己的一套css规则，可以打断我给出的解决方案：）。因此，我要求css。@Tacosh这是我的css h2{color:585858；字体系列：'Open Sans'，Sans serif；}.header{背景色：#0068a5；底部填充：1.5%；左侧填充：1.5%；右侧填充：1.5%；顶部填充：1.5%；}p{font-family:'Open Sans'，Sans serif；}b{color:#585858；字体系列：'opensans'，Sans serif；}