Just wondering if I can place a spacer table inside of an td or does that screw everything up?

<table class="row">
  <tr>
    <th class="small-12 large-12 first last columns">
      <h1 class="text-center big" >Join Us For Cocktails!</h1>
      <table class="spacer">
        <tbody>
          <tr>
            <td height="20px" style="font-size:20px;line-height:20px;">&#xA0;</td>
          </tr>
        </tbody>
      </table>
      <p class="text-center" >Please join us for cocktails and hors-d’oeuvres, as we raise our glasses to a year of success and partnerships!</p>
      <table class="spacer">
        <tbody>
          <tr>
            <td height="10px" style="font-size:10px;line-height:10px;">&#xA0;</td>
          </tr>
        </tbody>
      </table>
      <hr/>
    </th>
    <th class="expander"></th>
  </tr>
</table>