Как выровнять этикетку

Question

Как я выравнивать «запомнить меня», так что он приходит к левой стороне, так что флажок должен начинаться с именем пользователя и паролем текстовых окон запуска.

тока это -

<tr> 
    <td colspan="2" class="buttons"> 
     <label> 
      <input id="rememberme" name="rememberme" value="remember" type="checkbox" />&nbsp;Remember me</label> 
     <input type="submit" name="login" value="Login" /> 
    </td> 
</tr> 

Answer 1

Добавить метку вокруг «Remember Me» текст и присвоить класс к нему;

Затем дать этому классу следующий стиль:

.aux { 
 
    float: left; 
 
}

<tr> 
 
    <td colspan="2" class="buttons"> 
 
     <label> 
 
      <input id="rememberme" name="rememberme" value="remember" type="checkbox" /> 
 
      <label class="aux">&nbsp;Remember me</label> 
 
     </label> 
 
     <input type="submit" name="login" value="Login" /> 
 
    </td> 
 
</tr>

Является ли это, что вы ищете?

Answer 2

вам нужно будет удалить поле для флажка, который задается по умолчанию

проверки первого

Js Fiddle

.valign{ 
    vertical-align: bottom; 
} 

input{ 
    margin:0; 
} 

Answer 3

попытаться вставить форму в таблице две колонны:

<table> 
<tr> 
    <td>User Name:</td> 
    <td><Input type="text"/></td> 
</tr> 
<tr> 
    <td>Password:</td> 
    <td><Input type="password"/></td> 
</tr> 
<tr> 
    <td></td> 
    <td class="buttons"> 
     <label><input id="rememberme" name="rememberme" value="remember" type="checkbox" /> &nbsp;Remember me</label> 
     <input type="submit" name="login" value="Login"/> 
    </td> 
</tr> 

скрипку: http://jsfiddle.net/2wj86k32/

Answer 4

<tr><td class="buttons"><label>Username</label></td> 
    <td><input id="rememberme" name="rememberme" type="text" /></td></tr> 

<tr><td class="buttons"><label>Username</label></td> 
    <td><input id="rememberme" name="rememberme" type="text" /></td></tr> 

    <tr><td class="buttons"></td> 
     <td><input id="rememberme" name="rememberme" type="checkbox" /><label>remember me</label><input type="submit" value="Login" /></td></tr> 

ли ваша потребность?