css 字体两端对齐

我想作为一个前端工作者，总会遇到这样的场景，一个表单展示的字段标题有4个字也有2个字的时候，这样子同时存在想展示的美观一点，就需要字体两端对齐了，其实实现方式很简单，我针对其中一种来做下介绍，以后方法在补上更新。

html  ：

<p class="cell-label-text"></p>

css  ：

.cell-label-text{

width:2rem;

text-aligh:justify;

overflow:hidden;

}

.cell-label-text:after{

display:inline-block;

content:"";

width:2rem;

text-aligh:justify;

overflow:hidden;

}