Html 删除表格单元格之间的空格

我有以下标记

      <div class="dc2-search-form">
                <table width="100%">
                    <tbody>
                        <tr>
                            <td>
                                <div class="search-form-label">
                                    <span id="StreetAddress_Label">Address</span>
                                </div><br>
                                <input style="height: 10px; width:80px" tabindex="0"
                                type="text" value="">
                            </td>
                            <td>
                                <div class="search-form-label">
                                    <span id="Sales_Cycle_Label">Sales
                                    Cycle</span>
                                </div><br>
                                <input style="height: 10px; width: 80px;" tabindex="0" type="text" value="">
                            </td>
                        </tr>
                    </tbody>
                </table>

这是供参考的文件

它给了我想要的输出，除了表单元格之间的一点点空间。我需要使span div显示为无缝的一行，顶部和底部有边框，但由于空间有限，我能够做到这一点

---

如何删除它们之间的空格。

将

单元格间距=0 cellpadding=0

添加到

表中

---

对表格单元格不应用填充：

.dc2-search-form  table td{padding:0}

---

尝试将cellpadding和cellspacing设置为0，如下所示：

<table cellpadding='0' cellspacing='0'>
    ...stuff...
</table>

东西

CSS通常是一种方法（：-很高兴能提供帮助。

<table cellpadding='0' cellspacing='0'>
    ...stuff...
</table>