Как создать многоточие переполнения текста в начале элемента слева направо ⇐ CSS

[Anonymous]

У меня есть список путей (из-за отсутствия лучшего слова, возможно, «тропы хлебных крошек» описывают их лучше). Некоторые значения слишком длинные, чтобы их можно было отобразить в родительском элементе, поэтому я использую text-overflow: ellipsis. Проблема в том, что важная информация находится справа, поэтому я бы хотел, чтобы многоточие появилось слева. Что-то вроде этого ascii-арта:

Код: Выделить всё

----------------------------
|first > second > third    |
|...second > third > fourth|
|...fifth > sixth > seventh|
----------------------------

Обратите внимание, что первая строка достаточно короткая, поэтому остается выровненной по левому краю, но две другие слишком длинные, поэтому слева появляется многоточие.

Я бы предпочел использовать только CSS, но JS подойдет, если его нельзя избежать. Это нормально, если решение работает только в Firefox и Chrome.

РЕДАКТИРОВАТЬ: На этом этапе я ищу обход ошибок в Chrome, которые мешают он не отображается должным образом, если в документе смешаны RTL и LTR. Это было все, что мне действительно было нужно с самого начала, я просто этого не осознавал.

Подробнее здесь: https://stackoverflow.com/questions/979 ... ht-element