CSS Unordered List Long Text Display Inline

Question

I have an unordered list that displays like this: http://jsfiddle.net/spryno724/XYBja/.

Notice how the second list item is too long, so it wraps onto another line, beneath the first list item. Is there a way to keep each list item within its own "column" without assigning explicit widths?

Thank you for your time.

Answer 1

put this on you css

img{
  float:left;
}

this should do the trick =)

Answer 2

Try putting li img {float: left} because that will float your image to left and I think that should solve your problem!

Hope this helps!