JSFiddle - React, Tailwind, and code Playground

by michananya

HTML

<div>
בוקר טוב עולם מה שלום כולם?
</div>
<div>
בוקר טוב Hananya.
</div>
<div class="eng">
Hananya בוקר טוב
</div>
<div>
Good morning world how are you?
</div>
<div>
Good morning
</div>
<div>
בוקר טוב
</div>

CSS

body {
  direction: rtl;
}
div {
  width: 160px;
  border: 1px solid gray;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  direction: rtl;
  unicode-bidi: plaintext;
}

.eng {
  text-align: right;
  direction: ltr;
}