Текстовый многоточие на левой стороне

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

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

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

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

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

Ответы на вопрос(9)

Ваш ответ на вопрос