I need an overflow to truncate from the left, with ellipses
Try to use this trick:
.ellipsis {
overflow: hidden;
width: 60px;
direction: rtl;
margin-left: 15px;
white-space: nowrap;
}
.ellipsis:after {
position: absolute;
left: 0px;
content: "...";
}<p class="ellipsis">ert3452654546</p>I am unable to test it now, but I am pretty certain that adding
direction: rtl;
will do the expected result.
