CSS 如何实现文字两端对齐

CSS如何实现文字两端对齐

需求

红框所在的文字有四个字的、三个字的、两个字的，如果不两端对齐可以选择居中对齐，或者右对齐。但是如果要想文字两端对齐呢？

代码

<div>姓名</div><div>手机号码</div><div>验证码</div><div>账号</div><div>密码</div>

div{margin:10px 0; width:100px;border:1px solid red;text-align-last: justify;}

最终效果