如何将两个复选框在表格行中彼此相邻？

Question

我尝试通过在CSS中将其设置为“ 0”来添加位置和边框。但这没有帮助。我希望两个单选按钮彼此相邻。现在，它们之间有很多空间。

<table>
  <tr class="table-row">
    <th>
      <p>
        <label>
          <input name="select_source" id="select-source-radio-btn" type="radio"/>
          <span>SELECT A SOURCE</span>
        </label>
      </p>
    </th>
    <th>
      <p>
        <label>
          <input name="select_source"  id="select-group-radio-btn" type="radio"/>
          <span>SELECT A GROUP</span>
        </label>
      </p>
    </th>
  </tr>
</table>

Answer 1

它们之间有很多间隔是什么意思？当前，您有一个宽度未知的表，其中有一行，共有2列。禁止任何其他指令的2列宽度均为50％。如果表的宽度为1000像素，则每列的宽度为500像素，因此复选框之间会有很大的空间。

如果希望它们靠得更近，则需要使用一些代码来限制表的宽度。另一种选择是使用DIV代替表，然后将其内联。

我将研究诸如“ FLEX”网格，Bootstrap等之类的内容，以获取有关布局的一些良好指针。