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;
}