html - UL LI with Background Image in one row -

I'm debugging a difficult alignment problem. Here it is. The problem is that the rating "thumbs up" and above; I am using background-condition to generate different images below

The view looks ok, but I see those Everyone needs to show all four characteristics in a row with background images .

Does anyone know how to fix this?

Understand that you want your rating class for actual text in Lee's rating.

  & lt; Li & gt; & Lt; Span class = "rating up" & gt; & Lt; / Span & gt; Inn staff & lt; / Li & gt;   
 then  display: inline-block; Set the duration to  and I should get what you need.  
  
 You need to do a bit more work to align it right but it will give you a good idea.