Отображать встроенный блок hover

Question

Я использую display: inline-block;, чтобы держать div рядом друг с другом. Я не знаю, почему, но при наведении div будет двигаться вверх. Я думаю, что объем, который он перемещает, связан с заполнением элемента в форме не зависания (элемент класса .title). Это очень странно, и я не могу понять, почему это происходит, потому что все значения сбрасываются в форме наведения.

JSFiddle

Примечание Я использую Sass поэтому CSS может выглядеть немного странно

Answer 1

.option { 
    vertical-align:bottom; 
} 

Поскольку вы объявляете элементы inline, они следуют тем же правилам выравнивания по вертикали, как и все протекающего содержание страницы - сорт центрированный. Привяжите его к фиксированному положению всей линии, и оно будет разрешено.