列表中的子弹在chrome中重叠

Question

在Chrome工作中获取HTML列表时遇到一些问题。在Firefox中，一切都运行正常。

我在这里做了一个小提琴：https://jsfiddle.net/1vxsq5bw/2/

这是标记：

<ul>
    <li class="field-label-inline">
      <div class="label-inline field-label">Lorem:</div>
      <div class="field-items">
        <div class="field-item">2</div>
      </div>
    </li>
    <li class="field-label-inline">
      <div class="label-inline field-label">Ipsum:</div>
      <div class="field-items">
        <div class="field-item">3</div>
      </div>
    </li>
</ul>`

风格：

.field-label-inline .field-label, .field-label-inline .field-items {
  float: left;
}