需要准备的材料分别有：电脑、浏览器、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页面，此时一行内的文字实现了两端对齐。
可以用这种办法实现：把需要合并成一行的代码复制到Word里，然后在Word通过替换功能，Word替换的功能很强大，除了替换字符以外还可以替换控制字符(如：回车，换行等)，还可以替换Word格式。 追问： 如何替换呢。简单说说吧。。谢谢 回答： 把需要合并成一行的代码复制到Word里，Ctrl+H(打开替换对话框)“查找”栏里输入^p，“替换为”栏里留空，执行“全部替换”。如果不行的话，把^p换行^l(字母)再替换。最后再把合并后的代码复制到网页里。 提问者 的感言： thank you very much !!谢谢你的WORD。。这里分享下在css中为字符串中的每一行设置样式的方法。
操作设备：联想电脑
操作系统：win10
代码编辑器：zend studio 10.0
1、首先新建一个html文件，命名为test.html，在test.html文件内，使用p标签创建一行字符，用于测试。
2、在test.html文件内，给p标签添加一个class属性，用于样式的设置。
3、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
4、在css标签内，通过class属性和“:first-letter”选择第一个字符，使用color属性设置它为红色。
5、最后在浏览器打开test.html文件，查看实现的效果。
