dir=rtl 이 특수문자에는 먹히지 않을 때

<div dir="RTL">
	Hello There!
</div>

는 !Hello There 로 보이기 때문에

<div dir="RTL">
   <bdi>
      Hello There!
   </bdi>
</div>

<bdi> 태그를 넣어줘야 한다

 

---

select인 경우에는

select {
  width: 200px;
}

.rtl {
  direction: rtl;
}

.ltr {
  direction: ltr;
}

<select class="rtl">
  <option class="ltr">English (United States)</option>
  <option class="rtl">(ישראל) עִברִית</option>
</select>