title: How can I show dots ("...") in a span with hidden overflow?
body: <p><strong>My CSS:</strong> </p>
  
  <pre><code>#content_right_head span
  {
    display:inline-block;
    width:180px;
    overflow:hidden !important;
  }
  </code></pre>
  
  <p>Now it's showing <strong>content content</strong></p>
  
  <p>But I want to show like
  <strong>content content ...</strong></p>
  
  <p>I need to show dots after contents. Contents are coming dynamically from database.</p>