<p class="p1">
  黄沙百战穿金甲，不破楼兰终不还。 (horizontal-tb)
</p>
<p class="p2">
  黄沙百战穿金甲，不破楼兰终不还。(vertical-rl)
</p>
<p class="p3">
  黄沙百战穿金甲，不破楼兰终不还。(vertical-lr)
</p>
<p class="p4">
  黄沙百战穿金甲，不破楼兰终不还。(default: horizontal-tb)
</p>
.p1,
.p2,
.p3,
.p4 {
  border: 1px solid black;
  margin: 10px;
}
.p2,
.p3 {
  height: 140px;
}
.p1,
.p2 {
  width: 140px;
}
.p1 {
  writing-mode: horizontal-tb;
}

.p2 {
  writing-mode: vertical-rl;
}
.p3 {
  writing-mode: vertical-lr;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.