Как удалить пустое место в нижней части таблицы?

Question

Я пытаюсь понять, почему в нижней части таблицы есть пустое место? Как я могу удалить это пространство?

Вот код:

<table width="100%" cellspacing="0" cellpadding="0" bgcolor="#CDD2FF"> 
    <tr> 
    <td style="vertical-align:bottom"> 

     <ul> 
     <li> 
      <a href="x.php">Item</a> 
     </li> 
     <li> 
      <a href="x.php">Item</a> 
     </li> 
     <li> 
      <a href="x.php">Item</a> 
     </li> 
     </ul> 

    </td> 
    </tr> 
</table> 

Answer 1

Пространство т.е. из-за края по умолчанию, выделенный для элемента UL. Попробуйте установить нижнюю границу поля на 0; то есть:

<table width="100%" cellspacing="0" cellpadding="0" bgcolor="#CDD2FF"> 
    <tr> 
     <td style="vertical-align:bottom"> 
     <ul style="margin-bottom: 0"> 
      <li><a href="x.php">Item</a></li> 

      <li><a href="x.php">Item</a></li> 

      <li><a href="x.php">Item</a></li> 
     </ul> 
     </td> 
    </tr> 
    </table>