Question

I’ve got a list item with an image inside, for example:

<ul>
    <li>
        <img></img>
    </li>
</ul>

The image does not take up the full width of the li.

How can I get the li width to shrink to the size of its containing image?

Answer 1

Do the height of images

   <ul>
        <li>
            <img src="" width="xxx" height="xxx"></img>
        </li>
    </ul>

Live demo http://jsfiddle.net/CZqEc/

updated live demo http://jsfiddle.net/CZqEc/1/