BiDi (pronounced bye-dye) stands for bidirectional. When a document is BiDi, it supports text that reads from right to left (RTL) and left to right (LTR). While English text appears from left to right, many other languages, including Hebrew, Arabic, and Urdu, move from right to left. 

Web pages need to support languages in both directions — that’s where BiDi comes in. Content written in multiple languages should show the direction of every language correctly in web documents, which BiDi offers, even if there are different languages in the same sentence or paragraph.

When developing a website, you can guarantee BiDi support with the <bdi> HTML element, which tells the browser which text sections need to go in different directions. Framing text with <bdi> calls up the algorithm and analyzes characters to display them correctly on the page. 

Webflow's custom code embed element lets you input BiDi on your webpage to improve readability for any language.

A new way to learn and to build for the web

Get the best, coolest, and latest in design and no-code delivered to your inbox each week.

Shoot, something didn't work. Try again later, bud.