輸入框左對齊，描述文字右對齊

效果展示

html内容

<label>
    <div class="box">
        <span>第一列：</span>
    </div>
    <input type="text" placeholder="第一列">
</label>
<label>
    <div class="box">
        <span>我的收入：</span>
    </div>
    <input type="text" placeholder="我的收入">
</label> <label>
    <div class="box">
        <span>今天天氣真好：</span>
    </div>
    <input type="text" placeholder="今天天氣真好">
</label> <label>
    <div class="box">
        <span>第四列：</span>
    </div>
    <input type="text" placeholder="第四列">
</label>
           

css内容

label{
	        font-size: 16px;
	        width: 100vw;
	        height: 2em;
	 }
     label .box{
        width: 30vw;
        display: inline-block；
    }
    label .box span{
        float: right;
    }
    label input{
        width: 55vw;
    }