包裝跨度的內容的李內，使其保持在自己的列

Question

我有一個列表，在其中每個L1具有這樣的結構：

<li> 
    <img class="yes" src="..."> 
    <img class="no" src="..."> 
    <span class="a">...</span> 
    <span class="b">...</span> 
</li> 

現在如果B類的內容很長，它將環繞圖像。我不希望它在圖像下包裹，我希望它留在自己的專欄中。如果無論如何要做到這一點，請讓我知道，使用表來做到這一點將是錯誤的。 謝謝！ 尼瑪

Answer 1

謝謝Duilai，

我加了div。這是做竅門的CSS：

.divClass 
{ 
    margin-left:30px; 
    text-align:left; 
} 

.yes, .no 
{ 
    float:left; 
    width:15px; 
} 

Answer 2

你可以做一些事情;

1）將填充添加到圖像的底部以獲取span文本通常會流入的空間。快速簡單，但不適合動態頁面。

2）圍繞跨度包圍div。然後將div右邊的圖像列的大小左邊距浮動。這將創建一個不會在圖像周圍流動的div容器。