Search code examples
cssmultilingualhebrewbidirectional

Hebrew multilanguage [numbers]


I am not sure how to represent numbers in Hebrew. Current approach.

.links { 
  direction: rtl; 
  unicode-bidi: bidi-override;
}

enter image description here


Solution

  • Try something like this,

    body {
      direction: rtl;
    }
    <h3>
      <span style="color:#999; unicode-bidi: embed">15. This is mine</span>
    </h3>

    EDIT:

    This is what you have done, i would say its incorrect.

    span {
      direction: rtl;
      unicode-bidi: bidi-override;
      color: #999;
    }
    <div clas="links">
      <span>15. This is mine</span>
    </div>

    Gives 51

    When i use translator.

    Translated

    enter image description here

    One sample method,

    .links span {
      direction: rtl;
      unicode-bidi: bidi-override;
      color: #999;
    }
    
    #num {
      unicode-bidi: embed
    }
    <div class="links">
      <span id="num">15.</span>
    
      <span id="text">This is mine</span>
    
    </div>
    <div class="links">
      <span id="num">16.</span>
    
      <span id="text">This is mine</span>
    
    </div>