Question

As you can see in this example http://jsfiddle.net/PCcj8/ I’d like to add some margin to my unordered list. However, I’m not able to move that list because of that img float. How can I achieve it? Please consider there can be different images of different widths.

Answer 1

Wrap your <ul> tag in a <span> tag <span> tag like this:

<span>
<ul>
    <li>test</li>
    <li>test</li>
</ul>
</span>

and then style the span like this:

span{
    display: inline-block;
    margin-left: 20px;    
}