將圖像（不同大小）和文字對齊到列表中？

Question

是否有可能通過使用CSS在本示例中對齊所有內容？如果不是，那我該怎麼辦？

正如你所看到的圖像不是相同的高度，所以它使事情變得更加複雜。我想要的是將所有圖像和文字對齊，使它們看起來像一條線。

這裏是提琴：文本http://jsfiddle.net/cRGeD/

Answer 1

答案很簡單的使用範圍，而不是李

http://jsfiddle.net/cRGeD/22/

Answer 2

這可以幫助你，我已經加入DIV和它漂到左邊， 然後調整行高力的250％，檢查小提琴 http://jsfiddle.net/chanduzalte/cRGeD/8/

Answer 3

編輯：在這裏我已經將下面的原理應用於您的jsFiddle中的前兩項：http://jsfiddle.net/cRGeD/23/。

HTML

<span class="icon question-icon">1234</span> 

CSS

.icon{ 
    padding-left: 20px; 
    background-position: left center; 
    background-repeat: no-repeat; 
    display: inline-block; 
} 

.question-icon{ 
    background-image: url("../path/for/images.jpg"); 
} 

這樣，您就可以使用不同類不同的圖標，只需要將圖像路徑添加到新類。