writing-mode Attribute

This example shows how to use the writing-mode attribute to display horizontal text (lr-tb) within vertical text (tb-rl).

The following DIV element has a writing-mode of tb-rl and contains text and SPAN child elements. The text flow alternates between vertical and horizontal. Note the effect of the BR element after the second set of vertical text.

First Set of Vertical Text First Set of Horizontal Text Second Set of Vertical Text plus a line break
Second Set of Horizontal Text Third Set of Vertical Text Third Set of Horizontal Text

This example shows how to use the new writing-mode attribute to display horizontal text (rl-tb).

Fourth Set of Horizontal Text

This example makes use of the new writing-mode attribute to display vertical text (bt-rl).

Fourth Set of Vertical Text

[Right-click and choose View Source from the shortcut menu.]