left：
把文本排列到左边。默认值：由浏览器决定。
right“把文本排列到右边。
center：把文本排列到中间。
justify：实现两端对齐文本效果。
inherit：规定应该从父元素继承 text-align 属性的值。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：
div{
border: 1px solid blue
width: 300px
text-align: justify
}
div:after {
display: inline-block
width: 100%
content: ''
}
3、浏览器运行index.html页面，此时一行内的文字实现了两端对齐。
但问题是，我怎么就看不到效果呢？无论是英文还是中文，在IE和chrome下都不起作用。后来，终于在StackOverflow上找到解决方法了。
从效果图可以看到，除了要在块级元素加text-align:justify样式外，还需要在里面加一个空的span元素，并应用样式。另外，对于中文还必须用空格隔开汉字，否则也没有两端对齐的效果。英文每个单词都有空格隔开，所以没问题。
但是加入HTML元素又违反了结构表现分离的原则，我们可以改用after、before伪元素：
参考资料： css实现文字两端对齐
