Heading
A paragraph. Demonstrating Writing Modes in CSS.
These boxes have a width.
Heading
A paragraph. Demonstrating Writing Modes in CSS.
These boxes have a width.
.box { width: 150px; } .horizontal { writing-mode: horizontal-tb; } .vertical { writing-mode: vertical-rl; }
<div class="wrapper"> <div class="box horizontal"> <h2>Heading</h2> <p>A paragraph. Demonstrating Writing Modes in CSS.</p> <p>These boxes have a width.</p> </div> <div class="box vertical"> <h2>Heading</h2> <p>A paragraph. Demonstrating Writing Modes in CSS.</p> <p>These boxes have a width.</p> </div> </div>