在实操时遇到这样一个问题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;
        }