需要IE 8解决方案的省略号和图像

Question

我见过很多类似的问题，但没有完全像这样。我需要将图像浮动到某些文本的右侧，如果太长则省略省略。

A。）这需要在IE 8（标准模式）下工作。没有其他浏览器要求。

B。）图像需要立即在文本的右侧，当省略号开始时图像不能被切断。

C。）图像无法移动到下一行。

D。）我不确定使用表是否真的有效，因为它不会真正扩展到不同的屏幕分辨率。

这是一个半破的例子：https://jsfiddle.net/q7p4nf6t/1/

真正的长文本有些工作，短文本没有。这个问题的真正症结在于，如果文本div没有宽度，我就无法使省略号工作;我真的不希望文本div上有宽度，因为我希望图像位于文本旁边。并且不要忘记我需要这个在IE 8和IE 8中工作......

HTML：

<div class="container">
  <div class="text">
  Some short text
  </div>
  <img src="http://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon@2.png?v=73d79a89bded&a">
</div>

<div class="container">
  <div class="text">
  Some long text Some long text Some long text Some long text Some long text Some long text Some long text Some long text Some long text Some long text
  </div>
  <img src="http://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon@2.png?v=73d79a89bded&a">
</div>

CSS：

.container{
    white-space:nowrap;
}

.text{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  width:95%;
  display:inline-block;
}

img{
  height:20px;
  width:20px;
  display:inline;
}