Простая проблема форматирования HTML

Question

У меня довольно простая проблема форматирования. Мой вопрос: на скриншоте ниже, как я могу удалить пространство выше «Рекрутер» и ниже «Имя», выделенное желтым?

Мой HTML-код:

<table border="1" width="100%"> 
    <tr> 
     <td width="15%"> <%--Labels--%> 
      <table> 
       <tr><td><asp:Label runat="server" ID="lblRecruiter" Text="Recruiter"></asp:Label></td></tr> 
       <tr><td><asp:Label runat="server" ID="lblRecruiterFirstName" Text="First Name"></asp:Label></td></tr> 
       <tr><td><asp:Label runat="server" ID="lblAccountManager" Text="Account Mangaer"></asp:Label></td></tr> 
       <tr><td><asp:Label runat="server" ID="lblAccountManagerFirstName" Text="First Name"></asp:Label></td></tr> 
       <tr><td><asp:Label runat="server" ID="lblClientCompany" Text="Client"></asp:Label></td></tr> 
       <tr><td><asp:Label runat="server" ID="lblHiringManagerFirstName" Text="First Name"></asp:Label></td></tr> 
      </table> 
     </td> 
     <td width="85%"> <%--Text Fields--%> 
      <table> 
       <tr><td><asp:DropDownList runat="server" ID="ddlRecruiter"></asp:DropDownList></td></tr> 
       <tr><td><asp:TextBox runat="server" ID="txtRecruiterFirstName"></asp:TextBox></td></tr> 
       <tr><td><asp:DropDownList runat="server" ID="ddlAccountManager"></asp:DropDownList></td></tr> 
       <tr><td><asp:TextBox runat="server" ID="txtAccountManagerFirstName"></asp:TextBox></td></tr> 
       <tr><td><asp:TextBox runat="server" ID="txtClientCompany"></asp:TextBox></td></tr> 
       <tr><td><asp:TextBox runat="server" ID="txtHiringMangaerFirstName"></asp:TextBox></td></tr> 
      </table> 
     </td> 
    </tr> 
</table> 

Answer 1

Я предполагаю, что вы хотите, чтобы текст слева выравнивался с полями справа. Вместо того, чтобы сделать их двумя отдельными таблицами, вы должны сделать одну таблицу с двумя столбцами. Это как первая строка может выглядеть:

<table> 
    <tr> 
    <td width="15%"><asp:Label runat="server" ID="lblRecruiter" Text="Recruiter"></asp:Label></td> 
    <td width="85%"><asp:DropDownList runat="server" ID="ddlRecruiter"></asp:DropDownList></td> 
    </tr> 

Проблема с тем, что у вас есть то, что каждая таблица (левый и правый) получает выложили на основе его содержимого и элементов справа находятся выше строк текста , Результат левой таблицы выравнивается по центру, поэтому вы получаете этот пробел выше и ниже.

Answer 2

Используйте инспектировать элемент, чтобы увидеть, если что расширяет его высоту, в противном случае, просто установите поля и отступы до 0, или установить высоту, если это возможно ,