如何在表格后添加 <p>？ (php/JS/wordpress)

Question

我想在table后面加上p tage或者换行，这样table和div中的内容可以分两行显示。
目前它们显示在一行中，非常混乱（i.imgur.com/7cnQhou.jpg）。
请告诉我如何使用 php 或 JS 来完成？

<div class="woocommerce-variation">
        <input type="hidden" id="thwepof_product_fields" name="thwepof_product_fields" value="test2">
        <table class="thwepo-extra-options thwepo_variable" cellspacing="0">
               <tbody><tr class=""><td class="label leftside"></td>
                      <td class="value leftside">
                      <input type="text" id="test2" class="thwepof-input-field">
                      </td></tr>
               </tbody>
         </table>
         <div class="quantity">
             <input type="number" id="quantity_60" class="input-text qty" inputmode="numeric">
         </div>
         <button type="submit" class="single_add_to_cart_button">Add to cart</button>
    </div>

谢谢。

Answer 1

table 和 div 标签都是块级元素。它们默认显示为两行。

以下是运行代码的结果。