需要准备的材料分别有：电脑、浏览器、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页面，此时一行内的文字实现了两端对齐。
CSS设置段落的水平对其方式CSS中通过属性text-align来设置段落的水平对其方式，可以设置为左、中、右和两端对齐等，控制段落文字的对齐，和word中一样的方便。
学习前端开发，就来北京尚学堂
