表未根据设计对齐

Question

我创建了一个表，表数据和tablerow，以便将我的东西很好地对齐。在asp.net的设计视图中，它显示了表格很好地对齐，如下图所示：

然而，当我进入网站时，它看起来很扭曲：

我也不太确定为什么asp.net和浏览器的设计会有这么大的差别。下面是我的表格的html代码，我真的看不到它的问题。

<h2 align="center">Officer&#39;s Profile</h2>
            <br />
        </td>
    </tr>

    <tr>
        <td rowspan="6" colspan="4" width="50%">
            <b>Profile Picture</b>
            <br />
            <asp:Image ID="Image2" runat="server" />
            <br />
            <br />
           <b>Rank</b>
            <br />
            <asp:Image ID="Image1" runat="server" />
            <br />

            <br />
        </td>

        <td align="left">
           <b> Police ID :</b>
            <asp:Label ID="lblPoliceID" runat="server" ></asp:Label>
            <br />

        </td>
    </tr>

    <tr>

        <td align="left">
            <b>Full Name :</b> 
            <asp:Label ID="lblFullName" runat="server" ></asp:Label>
            <br />

        </td>
    </tr>

    <tr>

        <td align="left">
           <b> Email :</b> <asp:Label ID="lblEmail" runat="server" ></asp:Label>
            <br />

        </td>
    </tr>

    <tr>

        <td align="left">
            <b>Contact :</b> <asp:Label ID="lblContact" runat="server" ></asp:Label>
            <br />

        </td>
    </tr>

                    <tr>  
        <td align="left">
            <b>Posted To :</b>
            <asp:Label ID="lblLocation" runat="server" ></asp:Label>
            <br />

        </td>
    </tr>


        <tr>
            <td align="left"><b>Address : </b>
                <asp:Label ID="lblAddress" runat="server"></asp:Label>
                <br />
            </td>
            </tr>

我试图让它在asp.net的设计视图中看起来很像

Answer 1

尝试更改

<td rowspan="6" colspan="4" width="50%" height ="500p"x>

到

<td rowspan="6" colspan="4" width="50%" height="500px" style="vertical-align:top">