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

I think you are looking for text-overflow: ellipsis in combination with white-space: nowrap

See some more details here