Sử dụng văn bản nhúng có hướng khác với văn bản khác, với , để đại diện cho văn bản biệt lập.
Ví dụ
Bạn có thể thử chạy đoạn mã sau để thể hiện văn bản được tách biệt với xung quanh để định dạng văn bản hai chiều -
<!DOCTYPE html> <html> <head> <title>HTML bdi Tag</title> </head> <body> <p>Quizzes:</p> <ul> <li>Programming: <bdi>Java</bdi></li> <li>Scripting: <bdi>JavaScript</bdi></li> <li>Mobile: <bdi>Android</bdi></li> </ul> </body> </html>