I Try to have a truncate text on two lines with truncate of the beggining of the text. It has to look like that:
... to long
for this div
But I did not find the solution. Do you have any suggestions?
Thank you
Here is tute from David Walsh which shows one method using text-overflow: ellipsis in concert with direction: rtl;
.ellipsize-left {
/* Standard CSS ellipsis */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 200px;
/* Beginning of string */
direction: rtl;
text-align: left;
}<div class='ellipsize-left'>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</div>