jQuery ui selectmenu смещение по вертикали (относительно кнопок в этой строке)

Question

В моей форме я размещаю элементы управления в строке: кнопка, выберите поле, установите флажок. Это выглядит логически правильно. Но поскольку я начал использовать jQuery UI, я вижу странную вертикальную область выбора. Вот пример из JQuery-UI сайта, немного укоротить: https://jsfiddle.net/Tertium/z829pay7

$(function() { 
    $("#speed").selectmenu({ width: 200}); 
    $("#files").selectmenu({ width: 200}); 
    $("#but1").button(); 
    $("#but2").button(); 

    }); 

Проверено на JQuery 1.11.2 и 1.10.2, Jquery-интерфейса: 1.11.3, все настройки/CSS по умолчанию. Как я могу показать их в строке или, по крайней мере, оценивать по середине? Пробовал панорамирование, маржу, div, таблицу - никакого эффекта вообще.

И скриншот на всякий случай:

Answer 1

Вы можете использовать vertical-align : middle; на вашем выбора меню и кнопки, чтобы выровнять их по вертикали:

JSFIDDLE