css实现文字两端对齐

以前做C/S开发的时候，经常使用填充空格的方式实现文字的两端对齐。但是有些时候，填充空格的方式，我们常常无法确认需要具体填充几个空格。
通过text-align: justify，其实现的效果就是可以让一行文字两端对齐显示（文字内容要超过一行）。但是只有这个属性还是不行的，要使文字两端对齐，我们还得使用一个行内空标签来助阵，比如、等。

小的Demo

@section Style{
    <style rel="stylesheet" type="text/css">  
        .div{  
            width: 500px;  
            border: 1px solid red;  
            text-align: justify;  
            margin-top: 15px;  
        }  
        div li{  
            display: inline-block;  
            width: 100%;  
        }  
    </style>  
}