Html 在asp.net中设置表格样式以生成表单

我试图模仿以下页面表单：

但是我不知道如何使表格样式匹配，div没有扩展到表格标题，我的标记是follow和css

<div id="mainDiv">

            <table style="width:100%;">
            <tr>
            <th>
            <div id="headerform" class="headerform">
                    PAtient information<p>Please enter your full legal name</div>

.headerform
{
    background-color: #009797;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
}

.headerform p
{
    background-color: #009797;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-transform: none;
}


#confirmationNumber
{ float:right;
  width:305px;
  position:relative;
    top: -101px;
    left: -7px;
    height: 43px;
}

table
{
}
 th,td {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #000000;
    }
    tr {
        border: 1px solid gray;
    }
    td {
        width:200px;
        padding:3px;
    }
    th {
        background-color:#D2E0E8;
        color:#003366
    }
    table {
        border: 1pt solid gray;
    }


            </th>
            </tr>
            <tr>
                <td>
                    Last Name<br />
                </td>
                <td>
                    First Name</td>
                <td>
                    Middle Name</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
        </table>



    <!-- End of Main Div-->
    </div>

患者信息请输入您的法定全名
1.头饰
{
背景色：#009797；
字体系列：Arial、Helvetica、无衬线字体；
字号：18px；
字体大小：粗体；
文本转换：大写；
颜色：#FFFFFF；
}
.人头绩效
{
背景色：#009797；
字体系列：Arial、Helvetica、无衬线字体；
字体大小：11px；
颜色：#FFFFFF；
文本转换：无；
}
#确认号
{浮动：对；
宽度：305px；
位置：相对位置；
顶部：-101px；
左：-7px；
高度：43px；
}
桌子
{
}
th，td{
字体系列：Verdana、Arial、Helvetica、无衬线；
字号：18px；
颜色：#000000；
}
tr{
边框：1px纯色灰色；
}
运输署{
宽度：200px；
填充：3倍；
}
th{
背景色：#D2E0E8；
颜色：#003366
}
桌子{
边框：1pt纯色灰色；
}
姓氏

名字
中名

将您的th与th colspan='3'放在一起

<th colspan ='3'>
    <div id="headerform" class="headerform">
         PAtient information<p>Please enter your full legal name
    </div>
</th>

患者信息请输入您的法定全名

谢谢，我想这样就可以了，您看到示例页面了吗？我要用正确的方法建桌子？