css模拟古诗垂直显示文本

<div class=“poetry”>
  《春夜喜酒》
  <br>
  高楼不Record，月光作 screen，
  酒量交总杯，明日几相同？
  叹江流之日云山，不如相对风。
  微笑着心随风飘，直挂云帆去。
</div>

.poetry {
  writing-mode: vertical-rl; /* 文本从上到下，从右到左 */
  font-size: 20px;
  text-align: justify;
}

这段代码会将.poetry类中的文本垂直显示，并从右向左读取。writing-mode: vertical-rl; 表示文本从上到下排列，并且每一行从右向左读取。text-align: justify; 可以让文本两端对齐，使得垂直排列的文本也更美观。