I have been attempting to get ellipsis to appear when text is two long, on two spans that are next to each other using `display: inline-block`:

[![CSS text-overflow not working properly](https://i.stack.imgur.com/J3BH0.png)](https://i.stack.imgur.com/J3BH0.png)

Here is the simplified CSS in a fiddle:

<https://jsfiddle.net/IQAndreas/fffo84nq/1/>

In fact, I can't even `overflow: none` to show up properly. Those two `span` elements have given me nothing but trouble.