在CSS中，我們可以使用writing-mode屬性來改變文本的書寫方向，將豎著的字橫過來，以下是一些示例代碼：

示例1：橫向書寫

.container {
  writing-mode: horizontal-tb;
}

示例2：豎向書寫

.container {
  writing-mode: vertical-rl;
}

示例3：改變書寫方向

.container {
  writing-mode: horizontal-tb; /* 橫向書寫 */
}
.container.vertical {
  writing-mode: vertical-rl; /* 豎向書寫 */
}

示例4：響應式布局中的書寫方向

@media (min-width: 600px) {
  .container {
    writing-mode: horizontal-tb; /* 桌面端橫向書寫 */
  }
}
@media (max-width: 599px) {
  .container {
    writing-mode: vertical-rl; /* 移動端豎向書寫 */
  }
}

示例5：混合使用CSS屬性

.container {
  writing-mode: horizontal-tb; /* 橫向書寫 */
  text-align: left; /* 文本左對齊 */
  line-height: 1.5; /* 行高1.5 */
}

示例6：使用偽元素改變書寫方向

.container::before {
  content: "這是一段豎寫的文字";
  writing-mode: vertical-rl; /* 豎向書寫 */
  display: block; /* 偽元素塊級顯示 */
}

示例7：改變特定元素的書寫方向

#specific-element {
  writing-mode: vertical-rl; /* 特定元素豎向書寫 */
}