Как выровнять элементы по горизонтали?

Question

[mUchenik]

Привет всем!
Друзья, подскажите пожалуйста, как выровнять элементы "выбора количества" и кнопку "добавить в корзину" по горизонтали?
Вот ссылка на страницу: boulinaw.bget.ru/tovar/porshulya-na-vybor

Answer 1

[Игорь]

Либо float либо inline-block . Втрое мне нравится больше

Comments

[mUchenik]

Игорь, вас не затруднит более подробно описать про inline-block. Не совсем понял, что прописать еще. Ибо этого значения не хватает :(

[Игорь]

mUchenik: input и button в один контейнер, например div. Им же задаем display:inline-block. Суммарная ширина элементов не должна быть больше контейнера.
С телефона пример не могу набросать

[Игорь]

Контейнеру inline-block не задавай

[mUchenik]

Понял. Спасибо.

Answer 2

[Сергей delphinpro]

https://jsfiddle.net/e4y1r1ed/

Comments

[mUchenik]

Хорошее решение. Спасибо. Но проблемку заметил: В мобильном варианте, кнопка совсем пропадает

[mUchenik]

Теперь всё отображается корректно! Спасибо. Я выбрал inline-flex.