Как сделать, чтобы ширина блока менялась в зависимости от изменения ширины контента блока, который внутри этого блока?

Question

[stichii]

Добрый день! В вордпресе интернет магазине настраиваю корзину под нужный дизайн и функционал.Вот черновой пример https://jsfiddle.net/7svr49kz/7/
Такая проблема: сейчас когда не большая сумма заказа и количество, все красиво никуда не съезжает.
Но если в количестве например поставить 154 и сумму изменить на 300 000 то кнопка оформить заказ съезжает.
У класса .cart_product сейчас задана фиксированная ширина 420px.
Co свойством display:inline-block ничего не получилось((
Не подскажете как сделать чтобы ширина общего блока (div с классом .cart_product ) изменялась в зависимости от указанного количества и суммы, т.е. чтобы кнопка оформить заказ ни куда не съезжала, а оставалась на месте?

Answer 1

[Александр Карпов]

Надеюсь принцип ясен https://jsfiddle.net/4vwqbced/
Вам нужно отказаться от фиксированной ширины;

Comments

[stichii]

Спасибо большое)

Answer 2

[Василь Бойко]

фикс. ширину убрать, и указать блоку float