Html 如何将复选框与文本框和复选框的其余部分均匀隔开？

我希望此复选框位于对齐的文本框下方

我试过下面的代码CSS代码，它有助于对齐文本框，但没有对齐复选框

   label {
    width:135px;
    clear:left;
    text-align:right;
    padding-right:10px;
   }

   input, label {
    float:left;
   }


   <label><input type="checkbox" name="Yes" data-field- 
   type="Boolean">&nbsp;Will Attend</label>



<label for="Email Address">Email Address* </label><input type="text" name="Email Address" data-field-type="Text" required="required" data-validation-message="Required field.">

<label for="First Name">First Name</label> <input type="text" name="First Name" data-field-type="Text">

<label for="Last Name">Last Name</label>  <input type="text" name="Last Name" data-field-type="Text">

标签{
宽度：135px；
清除：左；
文本对齐：右对齐；
右边填充：10px；
}
输入、标签{
浮动：左；
}
将出席
电子邮件地址*
名字
姓

我希望复选框与文本框对齐

---

您的

输入[type=checkbox]

在

中，将其像其他输入一样取出，即可工作，如图所示

尽管对于yes/no这样的选项，单选按钮更合适。

标签{
宽度：135px；
清除：左；
文本对齐：右对齐；
右边填充：10px；
}
输入，
标签{
浮动：左；
}

电子邮件地址*
将出席
不参加
名字
姓

你是说一切正常？只需添加空白

和

清除：无


标签{
宽度：135px；
清除：左；
文本对齐：右对齐；
右边填充：10px；
}
输入，
标签{
浮动：左；
}
.复选框{
明确：无；
}
电子邮件地址*
名字
姓
将参加
请发布代码的其他部分，包括电子邮件地址、名字等。我不知道您的文本框是否与非常感谢的内容对齐。。有没有办法让文字对齐？电子邮件地址、名字、姓氏最左对齐？。顺便说一句，框现在已对齐。调整标签的
宽度：\uuuuupx
可能您需要在
中调整宽度。复选框
too，如果您需要动态宽度，您需要添加
容器以包含输入的大小。我尝试了标签的宽度，但所有标签都向左或向右移动，但我无法使其对齐。不，我指的是名字的第一个字母F和姓氏，L从E的正下方开始（电子邮件地址）。E、F和L是对齐的。目前，它们不是对齐的。