Posicionar label y cajas de texto

[nolasco281]

Hola como esta soy nuevo en html asi que disculpen si no se algo tan basico.

mi duda es la siquiente estoy tratando de hacer un formulario de login el problema es que no se como posicionar los elementos como el textbox del usuario y password ni los label de arriba de ellos.

aca una muesta de como tengo uno de ellos.

Código (html4strict) [Seleccionar] Expandir


<li>
<label for="fullName" class="required"> Usuario </label>
<input type="text" id="fullName" name="fullName" class="k-textbox" placeholder="Usuario"  required validationMessage="Enter {0}" style="Width: 220px;" />
</li>

y asi posiciono el body dentro de toda la pagina

Código (html4strict) [Seleccionar] Expandir


body
       {
           width: 400px;
           margin: auto;
           position: absolute;
           top: 110px;
           left: 350px;
           width: 300px;
           height: 605px;
       }

el resultado es el siquiente:


Como pueden ver las cajas de texto y el label estan pegadas al body de la parte izquierda.
y quiero poder manipular estos elementos.

ya que trate de centrarlos pero lo hace con todos de la siquiente manera.


y lo que busco es que los textbox esten alineados al centro pero los label esten al lado izquierdo de los textbox como muestra la imagen



saludos y gracias.

[engel lex]

para el li donde estàn los elementos dale

Código [Seleccionar] Expandir

text-align: center;

y para los elementos dentro de ese li

Código [Seleccionar] Expandir

margin: auto;