块列表项中的“overflow：hidden”块在Edge上向下移动

Question

使用Bilal Akil在this question中发布的代码示例可以观察到这一点：

http://jsfiddle.net/G46dK/

<ol>
    <li>
        <p>
            Moo
    <li>
        <p class="overflow-hidden">
            Moo
    <li>
        <p class="overflow-hidden">
            Moo
    <li>
        <p>
            Moo
</ol>

随附CSS：

p.overflow-hidden {
    overflow-x: hidden;
}

在Edge上，内容显示如下，这看起来像是一个错误：

在overflow: hidden内使用li时，是否有任何想法让内容与列表编号保持在同一行？

[编辑] ：这个问题是关于在overflow: hidden内处理LI的阻止。我非常感谢尝试工作的答案通过将溢出移到块外部来解决问题，但我真正想要的是一个尊重这个约束的解决方案。您还可以查看这个小提琴，获取更高级的示例：http://jsfiddle.net/G46dK/7

Answer 1

制作.overflow-hidden { display: inline-block; }怎么样？ http://jsfiddle.net/G46dK/8

.overflow-hidden {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  width: 100%;
}