如何水平显示这些单选按钮？

Question

对于 woocommerce 的产品变体，我有以下 table。有人知道我如何水平显示这些吗？我浏览了几个不同的论坛，但到目前为止 none 我的尝试都奏效了。它涉及 woocommerce 产品变体。它们显示为单选按钮而不是下拉菜单，但我似乎无法水平对齐它们。感谢您为我指明正确的方向！

<table class="variations" cellspacing="0">
    <tbody>
        <tr>
            <td class="label">
                <label for="pa_kit">Kit</label>
            </td>
            <td class="value">
                <fieldset> <strong>Kit</strong><br>
                    <div class="wvdrb-one-third"><input type="radio" value="set-20" id="pa_kit"            name="attribute_pa_kit"> &nbsp; &nbsp; set-20</div><div class="wvdrb-two-    thirds"></div><br>
                    <div class="wvdrb-one-third"><input type="radio" value="set-35"     checked="checked" id="pa_kit" name="attribute_pa_kit"> &nbsp; &nbsp; set-    35</div><div class="wvdrb-two-thirds"></div><br>
                    <div class="wvdrb-one-third"><input type="radio" value="set-50" id="pa_kit"     name="attribute_pa_kit"> &nbsp; &nbsp; set-50</div><div class="wvdrb-two-    thirds"></div><br>
                </fieldset>
            </td>
        </tr>
    </tbody>
</table>

Answer 1

试试这个 --- 清理了一下。

<table class="variations" cellspacing="0">
  <tbody>
    <tr>
      <td class="label">
        <label for="pa_kit">Kit</label>
      </td>
      <td class="value">
        <fieldset> <strong>Kit</strong>
          <br>
          <div>
            <div class="wvdrb-one-third">
              <input type="radio" value="set-20" id="pa_kit" name="attribute_pa_kit">set-20&nbsp;&nbsp;&nbsp;&nbsp;
              <input type="radio" value="set-35" checked="checked" id="pa_kit" name="attribute_pa_kit">set-35&nbsp;&nbsp;&nbsp;&nbsp;
              <input type="radio" value="set-50" id="pa_kit" name="attribute_pa_kit">set-50
            </div>
        </fieldset>
      </td>
    </tr>
  </tbody>
</table>

Answer 2

谜底揭晓。我不得不删除单选按钮之间的中断。这是我通过从 woocommerce 输入 variations.php 文件并删除
来完成的。然后 css 工作并将按钮内联。

谢谢！

如何水平显示这些单选按钮？

How to I display these radio buttons horizontally?

html

css

wordpress

radio-button

woocommerce