Как написать этот макет RTL в HTML?

Я пытаюсь получить следующий макет текста, содержащий иврит и латинские символы:

2011, Еврей 11, английский

(Заглавные буквы обозначают ивритские символы, и все это должно быть выровнено вправо).

Вот некоторые из вещей, которые я пробовал:

<div dir="rtl">
    <!-- no markup -->
    latin, 12 ביולי, 2011<br>

    <!-- wrapping in spans -->
    <span dir="ltr">latin</span><span dir="rtl">, 12 ביולי, 2011</span><br>

    <!-- using css instead of html -->
    latin<span style="direction: rtl">, 12 ביולי, 2011</span><br>

    <!-- using bidi override -->    
    <bdo dir="rtl">latin</bdo>, 12 ביולי, 2011<br>

    <!-- using unicode bidi override -->    
    &#x202e;latin&#x202c;, 12 ביולי, 2011<br>

</div>

( здесь это в jsfiddle. Похоже, что еврейские символы находятся в конце, но на самом деле они находятся между двумя числами.)

Первые три перемешивают порядок слов, а последние два дают правильный порядок слов, но затем латинские символы отображаются справа налево, что в обратном порядке.

я кладу

Как я могу заставить его отображаться правильно?

1 ответ

Решение

Нашел что-то, что работает:

latin&rlm;, 11 HEBREW, 2011

&rlm делает магию. Я не могу сказать, что полностью понимаю это.

Другие вопросы по тегам