垂直Aligment HTML Content Div

Question

我在div中排列表格时遇到问题

我从word中保存了一个类似html的.doc文件，以便创建一个pdf。 问题是，当我获得pdf时，我得到一个两列文档。

但我不知道从哪里开始。

Word生成的代码。

    @page WordSection1
            {size:612.1pt 792.1pt;
            margin:36.0pt 3.0cm 36.0pt 3.0cm;
            mso-header-margin:35.45pt;
            mso-footer-margin:35.45pt;
            mso-paper-source:2;}
    div.WordSection1
            {page:WordSection1;}



  <div class="WordSection1">
    <table class="MsoNormalTable" style="width:525.5pt;border-collapse:collapse;border:none; 
           mso-border-top-alt:solid green 1.5pt;mso-border-bottom-alt:solid green 1.5pt;
           mso-yfti-tbllook:143;mso-table-lspace:7.05pt;margin-left:4.8pt;mso-table-rspace: 7.05pt;
           margin-right:4.8pt;mso-table-anchor-vertical:paragraph;mso-table-anchor-horizontal: 
           margin;mso-table-left:left;mso-table-top:-15.7pt;mso-padding-alt:0cm 3.5pt 0cm 3.5pt; 
           mso-border-insideh:cell-none;mso-border-insidev:cell-none"
      align="left" width="701" cellspacing="0" cellpadding="0" border="1">


    </table>
    <p class="MsoNormal"><span style="display:none;mso-hide:all"><o:p>&nbsp;</o:p></span></p>
    <table class="MsoNormalTable" style="width:526.0pt;margin-left:5pt;border-collapse:collapse;
           border:none; mso-border-alt:solid windowtext .5pt;mso-padding-alt:0cm 3.5pt 0cm 3.5pt; 
           mso-border-insideh:.5pt solid windowtext;mso-border-insidev:.5pt solid windowtext"
      width="701" cellspacing="0" cellpadding="0" border="1">


    </table>
    <p class="MsoBodyText" style="text-align:left;margin-left:5pt" align="right"><span

        style="font-size:7.0pt">Nota: Este certificado sustituye para todos
        los efectos legales la declaración de Renta y Complementarios para
        los asalariados que lo firmen.<o:p></o:p></span></p>
  </div>