列表HTML/CSS列之間的間距

Question

我在我的網站上工作，http://www.isaveplus.com，我有一個問題的表中添加每個列（td）之間的一些空間。我的目標是讓列感動，因爲我希望背景顏色相互融合。下面的圖片會告訴你我之間的空間意味着什麼。

在此先感謝！

<table style="width:inherit; margin-left:-5px; margin-top:-5px; " cellspacing="0"> 
    <tr> 
    <td class="searchBar" align="left" > 
     <div id="ddtopmenubar" class="mattblackmenu" > 
      <ul> 
      <li><a style="vertical-align:bottom;">Best of Coupons</a></li> 
      <li> 
       <a style="vertical-align:bottom;"> Best of Travel</a> 
       <a style="vertical-align:bottom;">Grocery stores</a> 
      </li> 
      <li><a style="vertical-align:bottom;">Office Supplies</a></li> 
      <li><a style="vertical-align:bottom;"> Department <br /> stores </a></li> 
      <li><a style="vertical-align:bottom;">Drug <br /> stores</a></li> 
      </ul> 
     </div> 
     </td> 
     <td class="searchBar" align="left"> 
      <asp:Button ID="whatIsIsavePlusButton" runat="server" onclick="whatIsIsavePlusButton_Click" style="color: #800000; font-weight: 700"  Text="?" Visible="False" /> 
     </td> 
     <td class="searchBar" align="left">social media right here!</td> 
    </tr> 
    </table> 

而對於搜索欄的CSS是：

.searchBar 
    { 
     background-color: #414141; 
     color:White; 
     width:auto; 
     margin:-5px; 

     padding:0px; 

    } 

Answer 1

您的鏈接

<a style="vertical-align:bottom;">Best of Travel<a style="vertical-align:bottom;">Grocery stores</a> 

有

border-right: 1px solid white 

定義在

.mattblackmenu li a 

那裏你可以設置WID th這些空格

Answer 2

您的代碼不顯示在我的瀏覽器一樣，你給的圖片。但基本上我認爲你要麼在012 ddtopmenubar上輸入負值margin-right，要麼在下面的td上輸入border-left:1px solid white。有可能是另一種方式來做到這一點，但我認爲這會奏效。

Answer 3

您是否試過border-collapse屬性？ http://www.w3schools.com/cssref/playit.asp?filename=playcss_border-collapse

border-collapse: collapse;