css 实现文字两端对齐

html:部分

<li class="item">

<span class="lefts user">姓名<i></i></span>

<input class="input2" type="text" name="" value="" placeholder="">

<label><em class="cur" name="sex" value="0" onClick="changeCur(this)"></em>男</label>

<label><em class="" name="sex" value="1" onClick="changeCur(this)"></em>女</label>

</li>

<li class="item">

<span class="lefts tel">电话<i></i></span>

<input class="input1" type="number" name="" value="" placeholder="">

</li>

<li class="item">

<span class="lefts city">城市<i></i></span>

<p class="inputs2"  class="arrow" name="" value=""  onClick="showPop('.provUl')" id="provUlTar" >省</p>

<p class="inputs2"  class="arrow" name="" value=""  onClick="showPop('.cityUl')" id="cityUlTar" >市</p>

<li class="item">

<span class="lefts comp">经销商<i></i></span>

<p class="inputs"  class="arrow" name="" value=""  onClick="showPop('.compUl')" id="compUlTar" ></p>

</li>

<li class="item">

<span class="lefts time">预约时间<i></i></span>

<input class="input1" id="date" class="arrow" />

</li>

<li class="item">

<span class="lefts time">购车时间<i></i></span>

<p class="inputs"  class="arrow" name="" value=""  onClick="showPop('.timeUl')" id="timeUlTarget" ></p>

</li>

+++++++++++++++++++++++++++++++++

css:部分

.formUl li.item span{width:1rem;text-align:justify;display:inline-block;overflow:hidden;}

.formUl li.item span i{display:inline-block;width:100%;height:0;}