View video tutorial

HTML <bdi> Tag

HTML

The <bdi> tag refers to the Bi-Directional Isolation

HTML <bdi> Tag


The <bdi> element tells the browser's bidirectional algorithm to treat the text contained in it to isolate from the surrounding text.

This is useful when a website dynamically inserts some text and does not know the direction of text insertion.

Global attributes

Global attributes may be applied on all elements, although some elements may have no effect on them.

<accesskey>, <class>, <contenteditable>, <contextmenu>, <data-*>, <dir>, <draggable>, <dropzone>, <hidden>, <id>, <lang>, <spellcheck>, <style>, <tabindex>, <title>, <translate>.

Learning with HTML Editor "Try it Now"

You can edit the HTML code and view the result using online editor.

Example

<ul>
    <li>Manager <bdi>Steven King</bdi>: 1st Place</li>
    <li>Employee <bdi>Diana Lorentz</bdi>: 2nd Place</li>
    <li>Employee <bdi>تیز سمی</bdi>: 3rd Place</li>
</ul>
Try it Now »

Click on the "Try it Now" button to see how it works.