1、首先打开hbuilder软件，新建一个html文件，里面写入一个div并设置class属性，在上方耳朵style标签中设置body标签的背景色，方便后面观察效果。
2、然后设置class的样式，这里给div一个比较小的宽度并设置行高和边框，然后设置word-warp属性，该属性表示允许长单词换行到下一行，再设置一下letter-spacing调整每个字之间的距离就可以了。
3、最后打开浏览器就可以看到竖排的文字了。
1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，这里设置一个外围的div盒子，给外围的div高度宽度和背景颜色，文字包裹到span标签里，文字也设置一下颜色，按下Crtl+S保存一下：
2、此时可以在软件右侧的窗口可以看到效果：
3、把外围盒子的position属性设置为relative，span标签里的position属性设置为absolute，设置top、left、right、bottom的数值，此时在右侧的窗口就会发现文字的位置已经改变了：
在css中让文字显示方式从右边开始的操作方法和步骤如下：
1、首先，创建一个新的html文档，见下图红框中的内容，然后进入下一步。
2、其次，完成上述步骤后，可以更改文档的名称，见下图红框中的内容，然后进入下一步。
3、接着，完成上述步骤后，输入文本，见下图红框中的内容，然后进入下一步。
4、然后，完成上述步骤后，进一步设置以下文本的对齐方式，示例代码如下图所示，然后进入下一步。
5、最后，完成上述步骤后，在浏览器中预览，文本右对齐，见下图红框中的内容。这样，问题就解决了。
