关于css:css实现文字左右两端对齐

做表单想要实现如下成果。

    span{
      border:1px solid red; 
      width:10em;
      display:inline-block;
      text-align:justify; // 须要换行能力有成果，那么咱们减少伪类，来实现换行。height:19px;// 垂直居中
      line-height:19px;// 垂直居中
      overflow:hidden;// 让伪类不要显示进去
    }
    span::after{
       content:'';
       width:100%;
       display:inline-block;
    }   

  <span> 姓名 </span><br>
  <span> 联系地址 </span><br>
  <span> 社会对立信用代码 </span>