HTML5 > Structures

Bi-Directional Override in HTML5

How to override the current text direction in HTML5?


BDO Stands for Bi-Directional Override. The <bdo> tag is used to override the current text direction. 

<body>
    This is good.
    <p>
        <bdo dir="rtl">This is bidirectional.</bdo>
    </p>
    This is also good.
</body>

In the above code snippet we can notice that the word 'This is bidirectional' is placed in <bdo> tag, and "rtl" represent the Right-to-left text direction.

Output

Notice that the text inside the <bdo> tag reverses (over rides) the text.

 Views: 1089 | Post Order: 64



Write for us