title: Header CSS with login in panel
body: <p>I wonder how to write CSS to get the effect of the header such as this website:</p>
  
  <p><a href="http://www.seek.com.au/" rel="nofollow">http://www.seek.com.au/</a></p>
  
  <p>I copied it HTML but haven't write the CSS that has the same effects. Can anyone help with the CSS?</p>
  
  <p>
    <h1>Micro Devlopment Company</h1></p>
  
  <pre><code>&lt;div class="Login"&gt;
      &lt;form id="LoginForm" method="POST" action=""&gt;
  &lt;div class="HeaderLogin"&gt;
          &lt;ul class="hd-login"&gt;
          &lt;li&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;input type="text" id="email" name="email"  placeholder="Email" size=40 maxlength=60&gt;&lt;/li&gt;
            &lt;li&gt;&lt;input type="password" id="password" name="password" placeholder="Password"&gt;&lt;/li&gt;
            &lt;li class="l-column mod-multi-button"&gt;
               &lt;input type="submit" name="submit" id="submit" value="Login"&gt;&lt;/li&gt;
         &lt;/ul&gt;
       &lt;/li&gt;
       &lt;li&gt;
         &lt;ul class=""&gt;    
           &lt;li class=""&gt;
               &lt;input checked="checked" id="RememberMe" name="RememberMe" type="checkbox" value="true"&gt;
               &lt;input name="RememberMe" type="hidden" value="false"&gt;
               &lt;label for="RememberMe"&gt;Remember me&lt;/label&gt;
           &lt;/li&gt;
           &lt;li class=""&gt;
                &lt;a href=""&gt;Trouble signing in?&lt;/a&gt;
           &lt;/li&gt;
           &lt;li class="l-column mod-multi-button"&gt;
                              &lt;button type="submit" id="hiddenLogInButton" name="action" value="SignIn" style="display: none"&gt;Standalone&lt;/button&gt;
           &lt;/li&gt;
         &lt;/ul&gt;
          &lt;/li&gt;
    &lt;/ul&gt;
  
    &lt;/form&gt;
  </code></pre>
  
  <p></p>
  
  <p>P.S.
  I just wanted to know how to align and position those fields in the header of the page. For example, the login part of the header is pretty neat, and it doesn't use  to align it. I am relatively new to css and just want to mimic this style. When I reviewing the css of the website, it seems very complicated and there are so many classes and things like that. Could we simplify the css? I mean, we just keep the HTML and simplify the css so it has no unnecessary rules.</p>