Отображать пространство между двумя текстовыми полями

Question

, если вы видите изображение ниже или смотрите link1, под текстом «УЖЕ ЗАРЕГИСТРИРОВАНО» мы можем видеть 2 текстовых поля с хорошим количеством пробелов между ними.

, но если визит link2 чем нет пространства между ними, пожалуйста, помогите мне, чтобы отобразить пространство между этими TextFields.

.input-box { 
    float: left; 
    width: 100%; 
    padding-top: 2px; 
} 

Answer 1

оба ссылками являются одинаковыми. но в любом случае. вы делаете что-то вроде этого.

.input-box { 
    float: left; 
    margin-bottom: 10px; 
} 

Answer 2

Вот код:

.input-box { 
    padding-bottom: 20px; 
    display: table; 
    width: 100%; 
} 

Answer 3

использование
тег между двумя входными текстовыми полями

<input type="text" name="email"> 
<br> 
<input type="text" name="password"> 

Answer 4

float:left Удалить из .input-box и это отлично работает.

.input-box{ 
    width: 100%; 
    padding-top: 2px; 
} 

Answer 5

Обновить ваш CSS, как это,

.input-box { 
    float: none; 
    /* padding-bottom: 20px; */ 
    width: 100%; 
} 

Кроме этого, если хотите зафиксировать положение * Required текста

.fieldset p.required { 
    margin-bottom: 7px; 
    float: right; 
    font-size: 12px; 
    margin-top: 0px; 
    padding-right: 0; 
} 

Answer 6

Удалить этот класс на li внутренней div.input-box

ваш html как удар

<ul class="form-list"> 
         <li> 
          <div class=""> 
           <input type="email" placeholder="Enter Your email" title="Email Address" class="input-text required-entry validate-email" id="email" value="" name="login[username]" spellcheck="false" autocorrect="off" autocapitalize="off"> 
          </div> 
         </li> 
         <li> 
          <div class=""> 
           <input type="password" placeholder="Enter Your Password" title="Password" id="pass" class="input-text required-entry validate-password" name="login[password]"> 
          </div> 
         </li> 
               <li> 
          <a class="f-left" href="http://sbdev1.kidsdial.com/customer/account/forgotpassword/">Forgot Your Password?</a> 
         </li> 
         <li class="control remember-me-box"> 
     <div class="input-box"> 
     <input type="checkbox" title="Remember Me" checked="checked" id="remember_meG1nd66Tg4Y" class="checkbox" name="persistent_remember_me"> 
    </div> 
    <label for="remember_meG1nd66Tg4Y">Remember Me</label> 
    <a href="#" class="link-tip">What's this?</a> 
</li> 
        </ul>