How to move Text-overflow:ellipsis dots when the parent and child ellipsis stacked on each other?

I have list items in a container, i set the container fixed width and height. On each list items i truncated and added ellipsis using Text-overflow:ellipsis.
adding text-overflow on parent div does the job but the ellipsis of last li item and parent div are almost on top of each other and its difficult to diiferentiate. so my question is, is it possible to move the ... ? how can one acheive this https://codepen.io/avinash-tallapaneni/pen/xxMMNLp
No description
0 Replies
No replies yetBe the first to reply to this messageJoin