如何使html表在同一行上？WoodPress，WoodCommerce

我正在修改

签出页面

，我创建了两个表并使用css

display:inline块使它们在同一行上。但是，表中的内容并没有填满表中的所有空间。我怎样才能修好它

谢谢


表1的Html代码
：

<table class="shipping_table" border="0" cellpadding="0" cellspacing="0">
        <tbody>
            <tr>
                <td>        
                    <p class="form-row form-row validate-required" id="address_list_field">
                        <label for="address_list" class="">Delivery region: <abbr class="required" title="required">*</abbr></label>
                            <select name="address_list" id="address_list" class="select " data-placeholder="">
                                <option value="3">1/F, G Block, Kc park</option>
                            </select>
                    </p>
                </td>
            </tr>
        </tbody>
    </table>

为什么不把这两张表放在一张有两个单元格的表中？

设置外部表格，使
宽度为50/50。

将内部表格设置为100%宽度（.shipping_table、.billing_table）

在一个完美的世界里，你应该在
s内部完成这项工作，并将盒子浮动起来。
为什么不将两张桌子用两个单元格围成一张桌子？

设置外部表格，使
宽度为50/50。

将内部表格设置为100%宽度（.shipping_table、.billing_table）

在一个完美的世界里，你应该在
s内部执行此操作，并浮动方框。
清楚地解释你想要什么表格中的元素不能填满表格的所有空间。清楚地解释你想要什么表格中的元素不能填满表格的所有空间。
.shipping_table {
        display: inline-block;
        width: 48%;

    }

    .billing_table
    {
        display: inline-block;
         width: 48%;


    }