Горизонтальный стек с формами

Question

Я ищу для полной ширины формы с двумя элементами:

___________________________________ 
|  Text-Input  | Button | 
‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾ 

Кнопка должна иметь фиксированную ширину, хотя окно (мобильный видовой экран) имеет неизвестного размера. Размер ввода должен быть как можно более широким ... Жесткая вещь - это элементы ввода, которые трудно приручить ...

До сих пор у меня был некоторый прогресс с оберткой вокруг ввода и плавающей http://dabblet.com/gist/2714788 (мне пришлось поместите кнопку перед входом в html, хотя). Есть ли способ лучше?

Answer 1

<form> 
<input placeholder="This is not easy..."> 
<button>Submit</button>  
</form> 

Попробуйте использовать этот код для формы и использовать этот стиль для ввода

input { width:80%; float:left; } 

И это для кнопки

button { width:19%; float:left; } 

использовать этот код и будет работать.