установка входных значений формы devise справа от div

Question

Я пытаюсь внести некоторые изменения в страницы регистрации устройства в моем приложении rails. По сути, все, что я пытаюсь сделать, это иметь метки с левой стороны от div и фактические входные данные с левой стороны от моего div. Я использовал css плавающие атрибуты, и да, они перемещаются вправо .... но они складываются по углам (вместо друг друга смотрите изображение.). Кто-нибудь знает, что я здесь делаю не так?

html

 .control-group
  = f.input :email,
      input_html: { class: "testHere" }, 
      label: "Email", 
      required: true

  = f.input :password,       
    input_html: { autocomplete: "new-password", class: "testHere" },
    required: true,
    hint: (" #{@minimum_password_length} characters minimum" if @minimum_password_length)

  = f.input :password_confirmation,
    input_html: { autocomplete: "new-password", class: "testHere" },
    required: true

css

.registrationContainer{
  max-width: 45%;
  margin: auto;
  background-color: #E5E5E5;
  opacity: .9;
}

.control-group{
  padding: 10px;
}

.testHere{
  width: 200px;
  float: right;
  position: relative;
}