缩进换行标签文本的后续行

当面临表单宽度的限制时，标签文本可以换行到多行，从而美观的担忧。虽然第一行由于输入元素的存在而缩进，但后续行可能不会缩进，从而产生不均匀的外观。

要仅使用 CSS 实现缩进的第二行和后续行，请考虑使用以下方法：

将输入元素及其标签包含在具有类 “checkbox-field” 的父容器中。将此父级的显示属性设置为 "flex" 并将 flex-direction 设置为 "row".

.checkbox-field {
  display: flex;
  flex-direction: row;
}

用法示例：

  
  Field 2 Label, may be longer than normal, This is an example for this lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem lorem

此解决方案灵活地将标签文本调整为可用宽度，同时保持一致的视觉外观。