Текст абзаца в одну строку и отображение только последних символов

Question

В моей программе я добавил ограничение текста абзаца однострочным отображением в CSS.

white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: inherit;

Но оно отображает только начальные слова.Я хочу отобразить последние слова абзаца при его переполнении.

Оригинальный текст:

Цель написания по шаблону: быстрое и простое эссе - быстро и легколегко научить студентов, как систематизировать информацию и прояснить ситуацию.

Текущий вывод:

Цель написания на основе шаблонов: быстрое и простое эссе - быстро и легко научить студентов ..

Ожидаемый результат:

Эссе состоит в том, чтобы быстро и легко научить студентов организовывать информацию и разъяснять основные моменты.

Как этого добиться с помощью CSS?

Answer 1

Дубликат Многоточие переполнения текста на левой стороне

HTML:

<p><bdi>The purpose of Pattern Based Writing: Quick & Easy Essay is to quickly and easily teach students how to organize information and make points clear.</bdi></p>

CSS:

p {  
  white-space: nowrap;                   
  overflow: hidden;
  text-overflow: ellipsis;  
  width:550px;
  direction:rtl;
  text-align:left;
}