UL LI與背景圖像在一行

Question

我正在調試一個棘手的對齊問題。這裏是jsfiddle。問題在於，「拇指」的評級上漲了&關閉在一個圖像中。我正在使用background-position生成不同的圖像。

視覺外觀看起來不錯，但我需要顯示一行中的所有四個功能與背景圖像一起。

有誰知道如何解決它？

Answer 1

好吧，從我認爲我理解你想讓你的評級類別在一個單獨的跨度裏的實際文本。

<li><span class="rating up"></span>Courteous Staff</li> 

然後跨度設定爲display: inline-block;，你應該得到什麼，我認爲你是後。

http://jsfiddle.net/spacebeers/U2Wax/35/

你需要做一些更多的工作來把它右對齊，但它會給你一個好主意。

Answer 2

你有沒有嘗試添加這種CSS風格？

white-space: nowrap;