How can I show dots (“…”) in a span with hidden overflow?

Question

My CSS:

#content_right_head span
{
  display:inline-block;
  width:180px;
  overflow:hidden !important;
}

Now it\'s showi

Answer 1

You can try this:

.classname{
    width:250px;
    overflow:hidden;
    text-overflow:ellipsis;
}