title: display: inline-table equivalent crossbrower
body: <p>I have 2 radiobutton inside a <code>&lt;td&gt;</code> attribute in a HTML table. They both have a <code>&lt;label&gt;</code> tag.
  As we know, the table tag doesnt have the attribute width, and I'm trying to find a crossbrowser solution to set a space between the labels of each radiobutton.</p>
  
  <p>I have this code:</p>
  
  <pre><code>&lt;td class="changeUnitsSetLabelWidth"&gt;
    &lt;?php echo $form-&gt;radio("changeUnitsMode",UnitsTabComponent::SET_ALL_METRIC)-&gt;set("id","changeUnitsMode_metric") . $form-&gt;label("changeUnitsMode", "Metric")-&gt;set("for","changeUnitsMode_metric");
          echo $form-&gt;radio("changeUnitsMode", UnitsTabComponent::SET_ALL_IMPERIAL)-&gt;set("id","changeUnitsMode_imperial") . $form-&gt;label("changeUnitsMode", "Imperial")-&gt;set("for","changeUnitsMode_imperial");
    ?&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>and I added the following line in my CSS:</p>
  
  <pre><code>.changeUnitsSetLabelWidth label{ display: inline-table; width: 80px;}
  </code></pre>
  
  <p>After searching on the internet, I found it doesnt work for IE7 (what a news!?!) so I'd like you to help me to find another way to do this display: inline-table, in a way I can set the width in the label.</p>