Html 调整表格单元格大小以适合文本

如何使表格单元格与其中的文本一样小？我尝试设置边距、填充和空白，但都不起作用：

HTML

<table class='header_left'>
    <tr>
        <td><a href='/index.php' class='title1'>somewebsite.com</a></td>
    </tr>
    <tr>
        <td class='vonal'><a href='/index.php' class='title2'>Check something and do it faster than your competitors</a></td>
    </tr>
</table>

如您所见，文本“somewebsite.com”周围有填充。我想把它移走

---

谢谢

这是因为默认的文本/字体填充。您可以尝试在css中添加：

table.header_left a.title1 { 
   line-height:15px; 
   float: left;
}

---

“在文本“somewebsite.com”周围填充”-我在你的小提琴中看不到该文本？那里没有填充。您会在“somewebsite.com”后面看到一个空格，因为它下面的列有很长的文本，并且一个表格单元格会扩展以适应其内容。您可以做的事情：1）不要让“somewebsite.com”成为表的一部分；2）将“somewebsite.com”居中对齐以使其看起来更好。@Pratik:文本后面的空格可以。有一个大约2-5px的填充顶部和填充底部。这就是问题所在。我想要的是表格单元格的上下边框尽可能靠近文本。@erdomaster-这将解决您的问题。感谢Era提供的解决方案：）键是文本的默认填充。我本来不想改变线的高度，但现在我知道这是必要的。谢谢

table.header_left a.title1 { 
   line-height:15px; 
   float: left;
}