同じ行にhtmlテーブルを作成するには？ Wordpress、woocommerce

Question

私はcheckout pageを変更しています.2本のテーブルを作成し、同じ行にそれらを作るのにdisplay: inline-block;を使用しました。ただし、表内のコンテンツは表のすべての領域を埋めるわけではありません。どうすれば修正できますか？

おかげ

table 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> 

はCSS：あなたは二つのセルを一つのテーブルに2つのテーブルを囲んでいないのはなぜ

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

    } 

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


    } 

Answer 1

？
<td>が50/50幅になるように外側テーブルを設定します。
内部テーブルが（.billing_table .shipping_table、）100％の幅になるように設定

完璧な世界では、<div>の内部でこれを行うと、ボックスを浮動されなければなりません。