title: How to remove three dots from text-overflow: ellipsis?
body: <p>I am showing product title inside a <code>&lt;span&gt;</code>. I want the title to be truncated when there is no enough space. I tried <code>text-overflow: clipping</code>, but its not taking the padding which is applied on right side. So I used <code>text-overflow: ellipsis</code>, it works fine, but I don't wanna keep that "..." 3 dots at the end. Is there any way to hide or remove it by css?</p>