Ширина блока в зависимости от соседнего

[Elveren]

Доброго времени суток всем форумчанам. Есть 2 блока, в левом располагается цена, в правом опции заказа товара и сама кнопка заказа. Как задать изменение ширины правого блока в зависимости от того, какое число в блоке с ценой (соответственно от числа и кол-ва цыфр в нем меняется его шырина)

Постарался понятно изобразить это на рисунке ниже. Спасибо за ответы!

[wildhind]

если блоку с ценой задать float, то соседний блок автоматом его обтечёт и займёт оставшееся место.

[Elveren]

если блоку с ценой задать float, то соседний блок автоматом его обтечёт и займёт оставшееся место.

.content_item_wrapper ul{list-style-type:none; color:#575757;}
.content_item_wrapper li{}
.content_item_wrapper .price_panel{font-weight: bold; font-family: Georgia,serif; float:left; text-align:right; font-size: 36px; color:#b3d804; position:relative;  margin: 10px 0 0 0; background: url(../i/rub.png) no-repeat right #fff; padding:5px 40px 5px 5px;}
.content_item_wrapper .order_panel{font-weight: bold; font-size:12px; color:#b3d804; position:relative; height: 15px; margin: 10px 0 0 0; background: url(../i/f_bg.png); padding:5px;}

[wildhind]

ну ещё overflow: hidden правому блоку — и будет вам счастье.

А вообще, jsfiddle.net гораздо удобнее и понятнее, чем куски кода и куски скриншотов.

[Elveren]

ну ещё overflow: hidden правому блоку — и будет вам счастье.

А вообще, jsfiddle.net гораздо удобнее и понятнее, чем куски кода и куски скриншотов.

благодарю =)