在表格内显示其他的元素 - 在线编辑器

<style>
  table {
    border-collapse: collapse;
    border-spacing: 0px;
  }

  table,
  th,
  td {
    padding: 5px;
    border: 1px solid black;
  }
</style>

<table>
  <tr>
    <td>
      <p>这是一个段落</p>
      <p>这是另一个段落</p>
    </td>
    <td>这个单元格包含一个表格：
      <table>
        <tr>
          <td>A</td>
          <td>B</td>
        </tr>
        <tr>
          <td>C</td>
          <td>D</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td>这个单元格包含一个列表
      <ul>
        <li>苹果</li>
        <li>香蕉</li>
        <li>菠萝</li>
      </ul>
    </td>
    <td>HELLO</td>
  </tr>
</table>
​x
 
<style>
  table {
    border-collapse: collapse;
    border-spacing: 0px;
  }
​
  table,
  th,
  td {
    padding: 5px;
    border: 1px solid black;
  }
</style>
​
<table>
  <tr>
    <td>
      <p>这是一个段落</p>
      <p>这是另一个段落</p>
    </td>
    <td>这个单元格包含一个表格：
      <table>
        <tr>
          <td>A</td>