新建一个HTML文件，命名为test.html。
编写代码，使用div布局两行文字，并给每个div一个class，用于下面CSS样式的布局。
使用css对div进行布局。首先，给最外面的div一个固定宽度，并居中，为了方便测试，给div一个灰色背景。
然后，将所有文字使用text-align：center进行居中，需要注意的是，每行文字的div必须使用width:100%进行宽度控制，铺满整个div才有可能进行对齐方式的设置。
最后，对第二行文字使用text-align:left单独设置左对齐，实现想要的效果。
可见，实现了css文字居中后第二行文字左对齐的效果。关键之处是对第二行文字进行单独设置，进行左对齐，就可以实现效果。
如果你想在CSS中设置一行文本排不下自动换行，可以使用CSS的`word-wrap`或`white-space`属性来实现。下面是两种常用的方法：
将上述CSS代码应用于包含文本的容器元素（例如``），它将允许文本在容器宽度不够时自动换行，并在单词中断处换行。
将上述CSS代码应用于包含文本的容器元素，它将允许文本在容器宽度不够时自动换行，并保留原始的空白符（包括空格和换行符）。
这些CSS属性可以根据你的需求选择其中之一来实现自动换行效果。确保将上述代码应用于适当的容器元素，并根据需要进行调整和定制。
这种方法兼容性不好，只有在IE浏览器中才能支持，所以并不推荐使用，这里就不过多介绍要想了解更多可以参考css在线手册。
css文字竖排显示的方法二：