title: align text fields to right html form css
body: <p>I am trying to align a form's text fields to the right side of the div in which they are contained. I have this for css:</p>
  
  <p>application.css</p>
  
  <pre><code>#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;
  }
  </code></pre>
  
  <p>Here is my html:</p>
  
  <p>indexform.php</p>
  
  <pre><code>&lt;div id="loginform"&gt;
  &lt;form id="login" method="post" action="checklogin.php"&gt;
      &lt;h1&gt;Member Login&lt;/h1&gt;
      &lt;div id="usertext"&gt;
          &lt;p&gt;Username:&lt;/p&gt;
      &lt;/div&gt;
      &lt;div id="passtext"&gt;
          &lt;p&gt;Password:&lt;/p&gt;
      &lt;/div&gt;
      &lt;div id="loginuser"&gt;
          &lt;input name="myusername" type="text" id="myusername"&gt;
      &lt;/div&gt;
      &lt;div id="loginpass"&gt;
          &lt;input name="mypassword" type="password" id="mypassword"&gt;
      &lt;/div&gt;
      &lt;div id="submitbutton"&gt;
          &lt;input type="submit" name="Submit" value="Login"&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What happens now:</p>
  
  <pre><code>Username:
  Password:
  
  |--username textfield--|
  |--password textfield--|
  
  |-login button-|
  </code></pre>
  
  <p>The text fields should be lined up to the right of the "Username:" and "Password:" labels.</p>