Chrome Version       : 56.0.2924.51
OS Version: all
URLs (if applicable) : 
http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A%3Cp%20style%3D%22width%3A%200%3B%20border%3A%20solid%20silver%22%3Eno%3Cspan%3E%3C%2Fspan%3Ebreak

What steps will reproduce the problem?
1. Create some text, with an empty inline element in the middle, and no whitespace.
2. Make the container small enough that the text overflows.

(This is shown by the URL testcase.)

What is the expected result?

As there is no linebreak opportunity, the text stays as a single unbreakable word.

What happens instead of that?

We create linebreak opportunities around the inline element, and break the text into two lines.  Notably, this *only* occurs if the inline element is *empty* - if there's text in the inline, it stays together as a single unbreakable word.

UserAgentString: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.51 Safari/537.36