Question

If you look at this jsFiddle example:
http://jsfiddle.net/jrXwf/1/

You will see the UL tag displaying a star rating, with text below it on the next line.

Is there any way to get everything on one line?

Thanks

Answer 1

http://jsfiddle.net/jrXwf/5/

Add display: inline-block to your unordered list (or any other element that you want to behave that way). You could also float the element, but inline-block probably best represents what you want to accomplish with a minimum amount of hassle. You want to display the element inline, and you want it to have a display box which behaves like a block element (thus inline-block versus inline).

Your overall markup structure could/should be modified. As others have pointed out, nesting a SPAN inside UL is not legal. You also have a fairly complex structure that could possibly be simplified to use fewer elements.