richten Sie Textfelder nach rechts html-Formular css

Ich versuche mich zu richten mit einem Formular Textfelder auf der rechten Seite der div, in denen Sie enthalten sind. Ich habe diesen css Code:

Anwendung.css

#loginform {
    width: 400px;
    height: 300px;
    background: rgba(237,191,92, 1);
    margin-left: 0px;
    padding: 10px;
}

#usertext, #passtext {
    text-align: left;
}

#loginuser, #loginpass {
    text-align: right;
}

#submitbutton {
    text-align: center;
}

Hier ist mein html:

indexform.php

<div id="loginform">
<form id="login" method="post" action="checklogin.php">
    <h1>Member Login</h1>
    <div id="usertext">
        <p>Username:</p>
    </div>
    <div id="passtext">
        <p>Password:</p>
    </div>
    <div id="loginuser">
        <input name="myusername" type="text" id="myusername">
    </div>
    <div id="loginpass">
        <input name="mypassword" type="password" id="mypassword">
    </div>
    <div id="submitbutton">
        <input type="submit" name="Submit" value="Login">
    </div>
</form>
</div>

Was passiert jetzt:

Username:
Password:

|--username textfield--|
|--password textfield--|

|-login button-|

Die text Felder werden sollte, aufgereiht rechts von "Benutzername:" und "Passwort:" labels.

InformationsquelleAutor ewizard | 2013-06-20