在实操时遇到这样一个问题input框前名字的长短不一导致input框没有对齐如下图
这是可以对所有input框前的文字加一个span标签,设置好宽度,设为display:inline-block再用text-align;right;
<p>
<span class="txt1">登录密码:</span>
<input type="text" class="box">
<span class="txt2">至少6个字符</span>
</p>
.txt1{
display: inline-block;
width: 150px;
text-align: right;
}