I've a link as shown in image bellow
What I want is to do, is apply \[code\]text-overflow: ellipsis; \[/code\]so in this case the word "Page" will be replaced by ellipsis, but still having the arrow, which is an :after element of the link.Link code is this:\[code\].next-lesson:after{background: url("img/icons.png") no-repeat -9px -91px;display: inline-block;background-repeat: no-repeat;width: 15px;height: 15px;content: "";margin-left: 5px;}\[/code\]