title: Is position:absolute without top or bottom a good CSS practice?
body: <p>I have a markup like this:</p>
  
  <pre><code>&lt;label&gt;First Name: &lt;input type="text" /&gt;&lt;/label&gt;
  &lt;label&gt;Last Name: &lt;input type="text" /&gt;&lt;/label&gt;
  &lt;label&gt;Email: &lt;input type="text" /&gt;&lt;/label&gt;
  </code></pre>
  
  <p>And a CSS like this:</p>
  
  <pre><code>label{display:block; padding:10px 0;}
  input{position:absolute; left:100px;}
  </code></pre>
  
  <p>And it's result is like this in almost every browser I test:</p>
  
  <h2><img src="https://i.stack.imgur.com/ZY5dC.png" alt="result"></h2>
  
  <p>It works fine while there is no <code>top</code> or <code>bottom</code> in CSS code for <code>absolute</code> positioned <code>input</code>s. 
  My question is: Is this kind of aligning elements a good practice and are you know any issue with a browser with this kind of positioning?</p>
  
  <p>Here is <a href="http://jsfiddle.net/w3eaa/" rel="nofollow noreferrer">fiddle</a> of the code.</p>