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

My CSS:

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

Now it’s showing content content

But I want to show like
content content …

I need to show dots after contents. Contents are coming dynamically from database.