title: CSS width: not working in label
body: <p>I have written a simple form to test out the width in CSS. Regardless of the value I put for width, the borders still have the same width. Can somebody please help what am I missing?</p>
  
  <p>
  </p>
  
  <pre><code>&lt;html  lang="en-US"&gt;
    &lt;meta charset="UTF-8"&gt;
      &lt;head&gt;
        &lt;style type="text/css"&gt;
          label {  
            width: 10em;  
            border-color: brown;  
            border-width: .25em;  
            border-style: double;  
            margin-right: .5em;      
          }
        &lt;/style&gt;  
        &lt;title&gt;Trying CSS &lt;/title&gt;  
      &lt;/head&gt;  
  
      &lt;body&gt;
        &lt;form  action="#"&gt;  
          &lt;fieldset  &gt;  
            &lt;label&gt; Name &lt;/label&gt;  
            &lt;input type="text"/&gt;  
            &lt;label  &gt;Contact&lt;/label&gt;  
            &lt;input type="text" /&gt;  
            &lt;label &gt;Phone&lt;/label&gt;  
            &lt;input  type="text" /&gt;  
            &lt;button type="button"&gt;Submit &lt;/button&gt;  
          &lt;/fieldset&gt;  
        &lt;/form&gt;
      &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>