要求四个label竖直对齐

如果你想让HTML中的四个`<label>`元素在垂直方向上保持对齐，可以使用CSS的`display: flex`属性来创建一个灵活的容器，并结合`align-items`属性来实现这一目标。这里是一个简单的例子：

首先，在HTML里设置一个包裹所有`<label>`的容器：

<div class="vertical-align-container">
  <label for="input1">Label 1</label>
  <label for="input2">Label 2</label>
  <label for="input3">Label 3</label>
  <label for="input4">Label 4</label>
</div>

然后，在CSS中编写样式：

.vertical-align-container {
  display: flex; /* 创建flex布局 */
  align-items: baseline; /* 默认值，使顶部对齐 */
  justify-content: space-between; /* 如果需要，可以在水平方向留空 */
  width: 100%; /* 设置宽度 */
  height: 50px; /* 你希望的高度，可以根据实际需求调整 */
  padding: 10px; /* 边距，增加空白区域 */
}

这样，无论你的`<label>`内容有多长，它们都会在垂直方向上保持对齐。`align-items: baseline`可以使文本基线对齐，如果你想要顶部对齐，可以改为`align-items: flex-start`。