title: Trying to put my label above input type text
body: <p>I have a login form, and Im trying to put my span above the input, but Im not having sucess doing this, all my tries, Im having the same result, that is:</p>
  
  <p><strong>Label:</strong> [INPUT]</p>
  
  <p>but I want</p>
  
  <p><strong>Label:</strong></p>
  
  <p>[INPUT]</p>
  
  <p>Do you know the trick to do this? Because for default it seems that always the label will be aligned left..</p>
  
  <p>This is what Im trying: <a href="http://jsfiddle.net/8JkMm/" rel="nofollow">http://jsfiddle.net/8JkMm/</a>
  I have this html:</p>
  
  <pre><code>&lt;div class="loginbox"&gt;
      &lt;h1&gt;Login:&lt;/h1&gt;
      &lt;form name="login" action="" method="post"&gt;
          &lt;label class="label"&gt;
              &lt;span class="field"&gt;Email:&lt;/span&gt;
              &lt;input type="text" name="user" /&gt;
          &lt;/label&gt;
  
          &lt;div class="label"&gt;
              &lt;span class="field"&gt;Pass:&lt;/span&gt;
              &lt;input type="password" name="pass" class="pass" /&gt;
              &lt;input type="submit" value="Login" class="btn" /&gt;
               &lt;a href="index.php?remember=true" class="link"&gt;Forgot Password&lt;i class="fa fa-chevron-right"&gt;&lt;/i&gt;&lt;/a&gt;
          &lt;/div&gt;        
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And this CSS:</p>
  
  <pre><code>.loginbox{position:absolute; left:50%; top:50%; background:rgba(255,255,255,0.9); width:360px; height:265px;}
  .loginbox{margin-left:-180px; margin-top:-125px;}
  .loginbox h1{padding:20px; font-weight:200; color:#FFF; background:pink;}
  .loginbox form{padding:20px;}
  .loginbox form .label{display:block; margin-bottom:10px;  width:320px;}
  .loginbox form .label .field{ width:60px; text-align:right; font-size:20px; margin:7px 10px 3px 3px;}
  .loginbox form .label input{padding:10px; font-size:16px; border:1px solid #CCC; width:225px;}
  .loginbox form .label .pass{width:225px;}
  .loginbox form .label .btn{float:right; width:auto; display:block;  border:none; font-size:14px; text-transform:uppercase; margin:15px auto;}
  .loginbox form .label .btn{padding:11px 10px 11px; color:#fff;  cursor:pointer;}
  .loginbox form .link {float:left;margin:15px auto;  color:#000;}
  </code></pre>