This <bdo> tag is used to specifies the direction of text displaying. This tag override current directionality of text. Mostly this tag used in Hebrew, Arabic and other language those use right to left pattern. You can write text weather from right to left or left to right using dir attribute of <bdo> tag. Full form of bdo is Bidirectional Override. Syntax <bdo class="class name(s)" dir="ltr | rtl" id="unique alphanumeric identifier" lang="language code" style="style information" title="advisory text"> </bdo> Example <p>Welcome to CsharpCorner. <bdo dir="ltr">Thank you for visiting site.</bdo></p> <p>Welcome to CsharpCorner. <bdo dir="rtl">Thank you for visiting site.</bdo></p>
Code: HTMLpage.htm <!DOCTYPE html> <html> <head> <link href="bdoTag.css" rel="stylesheet" type="text/css" /> <title></title> </head> <body> <p>Welcome to CsharpCorner. <bdo dir="ltr">Thank you for visiting site.</bdo></p> <p>Welcome to CsharpCorner. <bdo dir="rtl">Thank you for visiting site.</bdo></p> <!--Using Style Sheet--> <p>Welcome to CsharpCorner. <bdo dir="ltr" class="designLTR">Thank you for visiting site.</bdo></p> <p>Welcome to CsharpCorner. <bdo dir="rtl" class="designRTL">Thank you for visiting site.</bdo></p> </body> </html> bdo.css .designLTR { font-size: 20px; color: Maroon; background-color: Silver; } .designRTL { font-size: 20px; color: Blue; background-color: Aqua; } Output Internet Explorer Chrome Fire fox Safari