title: How to I display these radio buttons horizontally?
body: <p>I have the following table for product variations from woocommerce. Does someone have an idea how i can display these horizontally? I've looked through several different forums but so far none of my attempts have worked.
  It concerns the woocommerce product variations. They are being displayed as radio buttons instead of as dropdown but I can't seem to align them horizontally.
  thanks for pointing me in the right direction!!</p>
  
  <pre><code>&lt;table class="variations" cellspacing="0"&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td class="label"&gt;
                  &lt;label for="pa_kit"&gt;Kit&lt;/label&gt;
              &lt;/td&gt;
              &lt;td class="value"&gt;
                  &lt;fieldset&gt; &lt;strong&gt;Kit&lt;/strong&gt;&lt;br&gt;
                      &lt;div class="wvdrb-one-third"&gt;&lt;input type="radio" value="set-20" id="pa_kit"            name="attribute_pa_kit"&gt; &amp;nbsp; &amp;nbsp; set-20&lt;/div&gt;&lt;div class="wvdrb-two-    thirds"&gt;&lt;/div&gt;&lt;br&gt;
                      &lt;div class="wvdrb-one-third"&gt;&lt;input type="radio" value="set-35"     checked="checked" id="pa_kit" name="attribute_pa_kit"&gt; &amp;nbsp; &amp;nbsp; set-    35&lt;/div&gt;&lt;div class="wvdrb-two-thirds"&gt;&lt;/div&gt;&lt;br&gt;
                      &lt;div class="wvdrb-one-third"&gt;&lt;input type="radio" value="set-50" id="pa_kit"     name="attribute_pa_kit"&gt; &amp;nbsp; &amp;nbsp; set-50&lt;/div&gt;&lt;div class="wvdrb-two-    thirds"&gt;&lt;/div&gt;&lt;br&gt;
                  &lt;/fieldset&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>