title: In html /css, is there anyway to have a span "cut off" instead of going on to another line (and visually showing the cut off?)
body: <p>I have a asp.net-mvc web page where I show some text on a line after a few images and I don't want the text to wrap to the next line.  I want it to cut off and includes a "..." at the end if there is a cutoff? (I am nervous if there is no visual indicator that there is a cutoff then users won't realize it happening . .</p>
  
  <pre><code>  &lt;img src="some_image.png"&gt;
    &lt;img src="some_image1.png"&gt;
    &lt;img src="some_image2.png"&gt;
    &lt;span id="myText"&gt;a bunch of text after the images&lt;/span&gt;
  
  #myText
  {
        overflow:hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
  }
  </code></pre>
  
  <p>So if the data content only takes a whole line then show the full description but instead of wrapping to another line it appends a "..." </p>
  
  <p>I could do some "trim" logic on the server side simply based on string length, but I don't see how  could detect if a wrap would take place (given users screen widths, etc)</p>
  
  <p>Any suggestions for this situation?</p>