title: text-align: right; not working for <label>
body: <p>Simply enough I can't get text to align to right in a <code>&lt;label&gt;</code> element.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="contact_form"&gt;
   &lt;label for="name" id="name_label"&gt;Name:&lt;/label&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#contact_form label {
    text-align: right;
  }
  </code></pre>
  
  <p>My page: <a href="http://freshbeer.lv/development/en/contact.php" rel="noreferrer">http://freshbeer.lv/development/en/contact.php</a></p>
  
  <p>You can see labels for name, phone, email etc... are aligned to the left, but I need them to be aligned to the right, so could anyone please suggest something?</p>