圖像不能正確顯示（好象在表），該怎麼做

Question

我的代碼是這樣的：

<ul> 
    <li>some text <img src="path" style="height:15px;width:25px;" /></li> 
    <li>some text <img src="path" style="height:15px;width:25px;" /></li> 
    <li>some text <img src="path" style="height:15px;width:25px;" /></li> 
</ul> 

我要的是，在「一些文本」和IMG應該來整齊地，就好像他們在一張桌子上是兩列。另外，如果文本像「ab」那樣小，那麼圖像不應該改變它的位置，我的意思是，它不應該靠近，它應該總是在「某些文本」之後的80px處。而且，如果文本長度超過80，img應該只在文本之後。將在必要時提供更多信息。
感謝

Answer 1

<li><span style="min-width:80px; display: inline-block;">some text</span> 
<img src="path" style="height:15px;width:25px; float:left;" /></li> 

這將作品...

Answer 2

您可以通過添加一對夫婦span標籤的列表項和一些CSS裏面如下解決問題：

<style type="text/css"> 

li { 
    clear: left; 
} 

li span { 
    display:block; 
    float: left; 
    width: 140px; 
} 

li img { 
    float: left; 
} 
​ 
</style> 

<ul> 
    <li><span>some text</span><img src="path" style="height:15px;width:25px;" /></li> 
    <li><span>some text bla bla bla</span><img src="path" style="height:15px;width:25px;" /></li> 
    <li><span>some text</span><img src="path" style="height:15px;width:25px;" /></li> 
</ul>​ 

你可以看看這裏的結果： http://jsfiddle.net/magnusohlin/xhLmx/