text-overflow:ellipsis on a link June 12, 2023 by Tarik an <a> tag is an inline element, you can only apply ellipsis to a block element, try a { display: block; } and it works