Выровнять текстовое поле и кнопку

Question

У меня есть два текстовых поля и одна кнопка в всплывающем окне. Я хочу сделать кнопку точно под двумя текстовыми полями, , где в моем коде это не происходит. Пожалуйста, помогите HTML код :::

<form method="post" action="index.html"> 
      <p><input type="text" name="login" value="" placeholder="Username or Email"></p> 
      <p><input type="password" name="password" value="" placeholder="Password"></p> 
     <p class="remember_me"> 
      <label> 
       <input type="checkbox" name="remember_me" id="remember_me"> 
        Remember me on this computer 
      </label> 
     </p> 
     <p class="submit"><input type="submit" name="commit" value="Logine" class="marginleft5"></p> 
      <!-- <div class="login-help"> 
       <p>Forgot your password? <a href="#.html">Click here to reset it</a>.</p> 
      </div> -->  
</form> 

Answer 1

Используйте <div> теги для строк, или иным образом использовать <br/> разорвать линию