如何对齐下边缘标签上的输入？
如果行很短，一切正常，但如果它被拉伸并转移到新行，则输入表单将保持在第一行的级别。我需要输入表单在底部对齐：
.lbl {
word-wrap: break-word;
display: inline-block;
float: left;
clear: left;
width: 250px;
text-align: right;
}
.inpt {
display: inline-block;
float: left;
}<body>
<div style="text-align:center">
<label class="lbl" >yhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyh:</label>
<input class="inpt" type="text" >
</div>
</body>如果你从.lbl和.inpt移除浮子，input将自然地与label的最后一行内联。
我不知道为什么你使用text-align: center然后浮动到左边，但要将元素移回到左边，只需从父text-align: center中删除div。
.lbl {
word-wrap: break-word;
display: inline-block;
width: 250px;
text-align: right;
}
.inpt {
display: inline-block;
}<body>
<div>
<label class="lbl" >yhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyh:</label>
<input class="inpt" type="text" >
</div>
</body>您可以使用flexbox。父元素上的align-items: flex-end将输入放在div的底部。
div {
display: flex;
align-items: flex-end;
}
.lbl {
word-wrap: break-word;
display: inline-block;
float: left;
clear: left;
width: 250px;
text-align: right;
}
.inpt {
display: inline-block;
float: left;
}<body>
<div style="text-align:center">
<label class="lbl" >yhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyhyh:</label>
<input class="inpt" type="text" >
</div>
</body>