Is there any way to make these span elements vertically align?

Question

I'm using a JQuery Sortable control with spans, and I now am having trouble getting elements to vertically align. Normally, using Div's, I'd just add padding. In this case though the image is centered but the text is too low and needs to be bumped up a few pixels.

            @foreach(var c in companies)
            {
                var company = c.Company;
                <li class="ui-state-default">
                    <span>
                    <img src="..\..\Content\img\udarrow.png"/>
                    </span>
                    <span>
                    @company
                    </span>
                </li>
            }

Is there any way to do this?

Answer 1

In CSS:

.ui-state-default span {
    display: block;
}

Answer 2

尝试将跨度转换为块元素。

.ui-state-default span { display: block; }

Answer 3

I would rather make them inline-block than just block if they must lay inline with one another. Then just fiddle with the margins & padding.