WebToolsPlanet
Developer Tools

HTML BDO Generator

Generate a <bdo> bidirectional override element — control whether text renders left-to-right or right-to-left — and copy the HTML with live preview.

Last updated: May 21, 2026

Client-Side Processing
Input Data Stays on Device
Instant Local Execution

Find this tool useful? Support the project to keep it free!

Buy me a coffee

What is HTML BDO Generator?

The HTML `<bdo>` (Bidirectional Override) element overrides the browser's Unicode bidirectional algorithm and forces text to render in the specified direction. The required `dir` attribute accepts `rtl` (right-to-left) or `ltr` (left-to-right).

This is different from the CSS `direction` property or the `dir` attribute on other elements: `<bdo>` makes the browser treat each character individually and reverse their visual order regardless of the script's natural direction. It is most commonly used to display reversed or mirrored text for decorative, testing, or localisation purposes.

How to Use HTML BDO Generator

1

Enter the text content to display

2

Choose rtl to reverse direction or ltr to force left-to-right

3

Optionally add id, class, or title attributes

4

Copy the generated HTML

Common Use Cases

  • Developers testing right-to-left layout rendering in mixed-script pages.
  • Content authors demonstrating bidirectional text for localisation documentation.
  • Designers creating reversed or mirrored text for decorative purposes.

Example Input and Output

A bdo element that reverses "Hello World" to display right-to-left.

Configuration
Text: Hello World
Direction: rtl
HTML output
<bdo dir="rtl">Hello World</bdo>

Privacy

All HTML generation runs in your browser. No data is sent to any server.

Frequently Asked Questions

What is the difference between <bdo> and the dir attribute?
The dir attribute on elements like <p> or <div> sets the base direction and lets the browser apply the Unicode bidirectional algorithm. <bdo> forces a hard override, reversing character order visually regardless of the script type.
Does <bdo dir="rtl"> actually reverse the characters?
Yes. With dir="rtl" the browser displays characters in reverse visual order. "Hello" appears as "olleH" on screen — the underlying HTML characters are unchanged.