title: How to get my login form to automatically align to the right?
body: <p>I have a top menu bar with a login form on it. The login form is all the way on the left but moved in about 300px. How can I get it so the login form aligns automatically to the right and adjusts when you resize the window? Here is the code I have right now:</p>
  
  <pre><code>#topbar {
      height: 40px;
      width: 100%;
      opacity: 0.5;
      background-color: #336680;
      box-shadow: 0.1em 0.1em 0.1em;
      position: absolute;
      top: 0;
      left: 0;
      padding: 0;
  }
  
  #login-form {
      min-width: 520px;
      top: 0.3em;
      position: absolute;
      z-index: 2;
  }
  </code></pre>
  
  <p>Oh and here is the html that I have for this section:</p>
  
  <pre><code>&lt;form id="login-form" action="action"&gt;
    &lt;div&gt;
      &lt;input type="email" id="login-email" /&gt;
      &lt;input type="password" id="login-password" /&gt;
      &lt;input type="submit" class= "btn btn-info" id="login-button" value="Sign in" /&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  
  &lt;div id="topbar"&gt;
  &lt;/div&gt;
  </code></pre>