<div>This <span>.</span> is <span style="display:inline-block"></span> a <span></span> sentence</div>
Этот пример также доступен в https://jsbin.com/takeromoxo/edit?html,output.
Первый <span>, имеющий период в нем, позиционируется, как ожидается, между "This" и"is", так же как и второй, который является inline-block.Однако пустой <span> располагается в начале оболочки <div>, а не между "a" и "предложением".
Это странное поведение относится к Chrome и Safari.Однако Firefox размещает пустой тег <span> между текстовыми узлами, что я и ожидал.
Это ошибка в webkit?