실제 적용된 모습 텍스트를 드레그해 보면 세로로 표시하는 모드가 적용되어 있다는것을 쉽게 파악할 수 있습니다.
h1 {
    writing-mode: vertical-lr;
}
<h1>세로로 표시되는 제목</h1>
selector {
    writing-mode: /* value */
}
/* 키워드 값 */
writing-mode: horizontal-tb;
writing-mode: vertical-rl;
writing-mode: vertical-lr;

/* 글로벌 값 */
writing-mode: inherit;
writing-mode: initial;
writing-mode: revert;
writing-mode: revert-layer;
writing-mode: unset;
<div class="container">
    <h1>샘플 제목</h1>
    <p>텍스트를 세로로 표시하는 문단</p>
</div>
CSS 데모 데모 버튼을 클릭해 보세요!
CSS 데모 데모 버튼을 클릭해 보세요!

caniuse.com에서 더 자세한 정보를 확인해 보세요.