文字两端对齐

假如我们有如下HTML：

<div>这是一段文字！</div>

给它加点样式

div{  width:500px;  border:1px solid red;  text-align: justify;}div:after {    content: " ";    display: inline-block;    width: 100%;}

text-align: justify这是CSS2中text-align有一个属性值为justify，为对齐之意。其实现的效果就是可以让一行文字两端对齐显示（文字内容要超过一行）。
要使文字两端对齐，我们还得使用一个行内空标签来助阵，使用伪元素生成。