CSS忽略子元素但不忽略文本

Question

我有以下HTML

<div class='parent'>
  <span>
    <svg /> this is some text 
  </span>
</div>

和CSS：

.parent {  
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
svg {
  margin-left: -5px; // <- breaks it
}

文本溢出：省略号;当我取出SVG图像时，没有。有没有办法将这个样式添加到span的文本中并完全忽略svg？

示例：https://jsfiddle.net/htp7hv0u/1/