css 文本两端对齐样式 示例代码

如图

 

css样式：

.itemLabel{
            display: block;
            width: 100px;
            height: 30px;
            line-height: 30px;
            text-align: justify;
        }
       .itemLabel:after{
            display: inline-block ;
            content: ''; 
            width: 100%;
        }

 

HTML代码：
<div class="itemLabel">登录密码</div>
<div class="itemLabel">验证码</div>

 

问了公司的同事要的代码，内容并不是直接从网上提取，若有冒犯之处，请邮件我，谢谢，，，