No consigo alinear el input verticalmente

[OsquiB]

Hola chicos tengo un problema con el input que es que no lo puedo alinear verticalmente, lo hice con el texto pero el input no me da bola, aca tengo una img para que se den cuenta:


Como ven, necesito alinear los 3 input y el boton de "entrar" para que quete alineado como el texto, el input dentro del archivo php lo tengo asi por ejemplo:

Código PHP:

  <div class="lm_box_id">
    <input id="lm_box_id">
</div> 
   

y el css del lm_box_id esta asi:

Código:

.lm_box_id{
   width:215px;
   height:32px;
   line-height:32px;
   text-align:center;
   vertical-align:middle;
   float:left;
}

Como puedo arreglarlo ?

[piojoso]

mejor usar padding que modificar el alto

[OsquiB]

y como seria eso ?

[memoadian]

pues a los input ponles un margin

por ejemplo

Código CSS:

input{
 margin-top:5px;
}
 

eso afecta a todos los input sean del tipo que sean.

[pzin]

Yo haría algo así:

Código HTML:

<label for="usuario">Usuario:</label>
<input id="usuario">
<label for="pass">Contraseña:</label>
<input id="pass">
 

Código CSS:

label {
  display: inline-block;
  width: 50%;
  padding: 10px;
}
 

Así en principio no te haría falta siquiera indicar el alineamiento vertical. Es más limpio.