olli中的浮動跨度在Firefox中顯示正確，但不是Chrome

Question

我試圖顯示兩個並排且間距均勻的跨度項目列表。

的HTML看起來像這樣：

<ol id="peerTimes"> 
    <li id="142_177_85_207__60212"> 
     <span class="ip">142.177.85.207</span> 
     <span class="dateTime time">Tuesday, December 04, 2012 8:34:21 PM</span> 
    </li> 
    <li id="127_0_0_1__52375"> 
     <span class="ip">127.0.0.1</span> 
     <span class="dateTime time">Tuesday, December 04, 2012 8:34:09 PM</span> 
    </li> 
</ol> 

而CSS是這樣的：

.ip { 
    float: left; 
    width: 170px; 
} 
.dateTime { 
    width: auto; 
} 

在Firefox中，這看起來我怎麼也想：

但在Chrome瀏覽器，不管我有多混亂，列表項數始終會在浮動範圍後被推送到：

是否有跨瀏覽器友好的方式來實現這種佈局？

Answer 1

只是改變你的CSS來：

.ip { 
    display: inline-block; 
    width: 170px; 
}