title: CSS Control Inheritance - Inheriting Other Control Styles
body: <p>Two parts to my question:</p>
  
  <p>1) Is there a way to inherit another control's attributes and styles in CSS? Assume the controls have no parent/child hierarchy and can be completely different control types:</p>
  
  <p>IE:</p>
  
  <pre><code>#MyFirstControl
  {
    width: 100px;
  }
  
  #MySecondControl
  {
    width: MyFirstControl.styles.width; /* This doesn't work */
  }
  </code></pre>
  
  <p>2) Assume a Label tag is a child of any other tag. The width attribute will neither work with "inherit" nor "auto". What's wrong?</p>
  
  <p>IE:</p>
  
  <pre><code>&lt;style&gt;
    div
    {
      width: 100px;
    }
  &lt;/style&gt;
  
  &lt;div&gt;
    &lt;!-- This label does what it wants for width. It's not the width of the containing div --&gt;
    &lt;label style="width: inherit"&gt;Some Text&lt;/label&gt;
  &lt;div&gt;
  </code></pre>