需要准备的材料分别有：电脑、浏览器、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页面，此时一行内的文字实现了两端对齐。
居中:text-align:center( 而默认就是左对齐的)，再设置：text-align:left
代码如下：
.box｛text-align:center；text-align:left｝
<ul class=“box”>
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
</ul>
