Проблема с формой HTML5 с полем ввода, перемещающимся вокруг

Question

У меня есть форма HTML5, которая выполняет некоторые вычисления с использованием jQuery.

Я нашел проблему, которую я никогда раньше не видел - если кто-то может понять, почему и откуда она идет - когда я ввожу данные в поля ввода, они перемещаются вверх, а элемент span - это результат движется вниз:

bit.ly/1xXEEa0

Answer 1

float:left Применение для входов будет исправить эту проблему.

input { 
    width: 33%; 
    min-height: 30px; 
    float: left; 
}