jQuery сортируемые списки подключений встроенные

Question

Я ссылаюсь на эту ссылку здесь: сортируемый

Я хочу сделать эти элементы встроенными, и я изменил отображение

#sortable1 li, #sortable2 li  

до

display:inline;

в css, но затем все перемешивается, и мои предметы отлетают вправо, хотя у меня есть набор div-обёрток, который составляет 500px - они вылетают из этой области.

У кого-нибудь есть хорошие советы по этому поводу?

Спасибо.

Answer 1

Попробуйте изменить свой CSS на:

#sortable1, #sortable2 {
    margin: 0 10px 0 0;
    padding: 0;
}

#sortable1 li, #sortable2 li {
    display: inline;
    font-size: 1.2em;
    margin: 0 5px 5px;
    padding: 5px;
    width: 120px;
}