Imagine that I have a situation where the text is larger than the container , so I'll use text-overflow: ellipsis
to put the 3 dots ...
showing that the text goes on and on inside container has more content, so far so good.
The problem is that I want to customize my ...
with another color
and wanted to bold
. Hand did not find a way to do this. I would like something like the image below
Isthereanywaytocustomizetext-overflow:ellipsis
inastyledifferentfromtheonealreadyappliedtothecontainerwiththetext?
WhatIhavesofaristhis:
div.b {
white-space: nowrap;
width: 70px;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid #000000;
}
<div class="b">Hello world!</div>