выравнивание css с предыдущим родным братом

Question

Учитывая следующее: http://jsfiddle.net/Johnny5/EC8kK/

Я бы хотел, чтобы кнопка ввода была выровнена вправо с внутренним элементом div, без переноса на другой элемент. Пример:

|---div.container-------------------|
|                                   |
| |--div.box---------------|        |
| |                        |        |
| |------------------------|        |
|                                   |
|                |--input--|        |
|                |---------|        |
|                                   |
|-----------------------------------|

Ширина .box известна, но не ширина ввода. Поэтому я не могу точно рассчитать margin-left для этого ввода. Я не хочу добавлять контейнер <div> вокруг .box и ввод. Меня не волнует IE <= 7. </p>

Идеальное решение будет изменять только CSS, без добавления разметки HTML.

Есть предложения?

Answer 1

Что-то вроде этого: http://jsfiddle.net/bGE2J/? Это должно работать, пока ваш контейнер не жидкий.

Answer 2

Вот скрипка

http://jsfiddle.net/RcNSN/

А вот код без изменения HTML. отрегулируйте правое поле после удаления границ.

http://jsfiddle.net/RcNSN/2/