html - 简单的表格不会变大

Question

注意边栏顶部的彩色表格，上面写着 LIFESTYLE。

文本不会垂直对齐到中间，表格也不会变短。

它基本上是 Joomla 中带有 Gantry 和 K2 的自定义 html 模块，我将一些 PHP 放入其中(使用 Sourcerer)，因此它会根据颜色数组选择表格 bg 颜色。简单吧？

一定有一些边距，填充，某处的东西，但我找不到。有什么想法吗？

Answer 1

老实说，我不知道为什么会这样，但这似乎可以解决问题...

替换以下内容:

<div class="titlebars">
    <font color="#FFFFFF">LIFESTYLE</font>
</div>

与:

<span class="titlebars">
    <font color="#FFFFFF">LIFESTYLE</font>
</span>

---

编辑

问题是 <br> <div> 之后的标签:

<td style="vertical-align: middle; width: 100%; line-height: normal; margin: 0px 0px 0px; padding: 0px; cellpadding=0 cellspacing=0"> 
    <div class="titlebars">
        <font color="#FFFFFF">LIFESTYLE</font>
    </div> 
<br> <----- THIS IS THE PROBLEM
</td>

将其移除，单元格将按您希望的方式运行。