HTML bdi:Â Main Tips
- HTML
<bdi>
element separates text which needs to be displayed in a different direction than the rest of the content. <bdi>
in HTML is similar to <bdo>. The main difference between these elements is that<bdi>
separates and changes the direction of text, while<bdo>
only reverses the direction.
![DataCamp DataCamp](https://assets.bitdegree.org/online-learning-platforms/storage/media/datacamp-logo-5f96bfc70113e.o.png)
Pros Main Features
- Easy to use with a learn-by-doing approach
- Offers quality content
- Gamified in-browser coding experience
- The price matches the quality
- Suitable for learners ranging from beginner to advanced
- Free certificates of completion
- Focused on data science skills
- Flexible learning timetable
![Udacity Udacity](https://assets.bitdegree.org/online-learning-platforms/storage/media/udacity-review-logo-small.o.png)
Pros Main Features
- Simplistic design (no unnecessary information)
- High-quality courses (even the free ones)
- Variety of features
- Nanodegree programs
- Suitable for enterprises
- Paid Certificates of completion
![Udemy Udemy](https://assets.bitdegree.org/online-learning-platforms/storage/media/udemy-logo-small.o.png)
Pros Main Features
- Easy to navigate
- No technical issues
- Seems to care about its users
- Huge variety of courses
- 30-day refund policy
- Free certificates of completion
Purpose of bdi
HTML <bdi>
isolates the specified part of the text and displays it in a different direction than the surrounding content. Therefore, you can add Arabic or Hebrew phrases or words in the right to left direction instead of left to right.
Example
<h2><bdi>مرØبا بالعالم</bdi> That means Hello World in Arabic.</h2>
Note: the use of this reverse tag helps to add Arabic content in non-Arabic websites that follow the regular left to right direction.
Browser support
![Browser image](https://www.bitdegree.org/learn/assets/browsers/chrome-logo.jpg)
Chrome
16+
![Browser image](https://www.bitdegree.org/learn/assets/browsers/edge-logo.jpg)
Edge
-
![Browser image](https://www.bitdegree.org/learn/assets/browsers/firefox-logo.jpg)
Firefox
10+
![Browser image](https://www.bitdegree.org/learn/assets/browsers/ie-logo.jpg)
IE
-
![Browser image](https://www.bitdegree.org/learn/assets/browsers/opera-logo.jpg)
Opera
-
![Browser image](https://www.bitdegree.org/learn/assets/browsers/safari-logo.jpg)
Safari
-
Mobile browser support
![Browser image](https://www.bitdegree.org/learn/assets/browsers/chrome-logo.jpg)
Chrome
-
![Browser image](https://www.bitdegree.org/learn/assets/browsers/firefox-logo.jpg)
Firefox
10+
![Browser image](https://www.bitdegree.org/learn/assets/browsers/opera-logo.jpg)
Opera
-
![Browser image](https://www.bitdegree.org/learn/assets/browsers/safari-logo.jpg)
Safari
-