title: CSS - Max Width and Ellipses
body: <p>I have a span that will contain text.  I would like the span to expand to a maximum of 500px to accommodate the text inside.  After the max is reached I would like the text to display ellipses for any text overflowing the max-width.  Is this possible?  I tried the following, but this did not do the trick.</p>
  
  <p>Thanks</p>
  
  <pre><code>{
      position: absolute;
      top: 13px;
      left: 44px;
      max-width: 500px;
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
  }
  </code></pre>