<div class="writing-mode01">
  <p>これは<br>horizontal-tb です。</p>
</div>
<div class="writing-mode02">
  <p>これは<br>vertical-rl です。</p>  
</div>
<div class="writing-mode03">
  <p>これは<br>vertical-lr です。</p>
</div>

div {
    border: 1px solid #333;
    width: 300px;
    padding: 20px;
    margin-bottom: 40px;
}

.writing-mode01 p {
    writing-mode: horizontal-tb;
}

.writing-mode02 p {
    writing-mode: vertical-rl;
}

.writing-mode03 p {
    writing-mode: vertical-lr;
}