列表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;