title: CSS clip string based on width sibling image width
body: <p>Is it possible to clip (using ellipses) a string without defining an absolute width?
  I know the following class will work if I set an absolute width:</p>
  
  <pre><code>div {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }
  </code></pre>
  
  <p>However, I want the width of the text to be clipped (with ellipses) if it exceeds the width of the following image:</p>
  
  <pre><code>&lt;div&gt;@graphic.Name&lt;/div&gt;
  &lt;img src="@graphic.ApplicationFilePath" alt="" /&gt;
  </code></pre>