Html 调整菜单中文本的垂直位置

我试图建立一个基本的悬停菜单与空白的背景图像和文本

我已经创建了两个正常和悬停状态的图像，对于文本，代码在一个表中，有一行和多个td。这是一个例子：

                            <td align="center">
                            <div id=menu>
                               <ul style="padding:0px;">
                                 <li><a href="#">WHO WE ARE</a></li>
                               </ul>
                            </div>

问题是，尽管所有这些都很好，但我的文本与顶部对齐，我无法改变它的位置

我尝试了所有可能的技巧，使用了垂直对齐属性，但似乎不起作用

谁能帮我一下吗

提前谢谢。

我想用垫子顶

我会使用填充顶部

---

也许您应该使用

li

元素的

padding top

属性，尝试添加类似

padding top:10px

的内容。如果它与底部边框对齐，则将相同的值添加到元素的

padding bottom

属性中

编辑：

试着这样做：

#menu ul li {
 ...your attributes...
 vertical-align: middle;
 line-height: 35px;
}

---

也许您应该使用

li

元素的

padding top

属性，尝试添加类似

padding top:10px

的内容。如果它与底部边框对齐，则将相同的值添加到元素的

padding bottom

属性中

编辑：

试着这样做：

#menu ul li {
 ...your attributes...
 vertical-align: middle;
 line-height: 35px;
}

---

您需要为所有内容添加线条高度

您需要为所有内容添加线条高度

我看到您使用了“padding:0px”将您的内容锁定在角落。演示如何使用填充

尝试使用：paddingtop:25px；垫底：25px；右边填充：50px；左侧填充：50px；你会看到它已经移动了。

我看到你使用“padding:0px”将你的东西锁定在角落里。演示如何使用填充

---

尝试使用：paddingtop:25px；垫底：25px；右边填充：50px；左侧填充：50px；您将看到它已移动。

填充顶部确实有帮助。但是现在我有另一个问题，因为这个，悬停的背景图像似乎已经向下移动了2px。因此它不能完全覆盖正常状态。@ZainHasan然后您可以尝试将

行高

属性与

垂直对齐

结合使用，而不是填充，使其成为方框的高度。这应该使文本居中，而不是移动图像。padding-top确实有帮助。但是现在我有另一个问题，因为这个，悬停的背景图像似乎已经向下移动了2px。因此它不能完全覆盖正常状态。@ZainHasan然后您可以尝试将

行高

属性与

垂直对齐

结合使用，而不是填充，使其成为方框的高度。这将使文本居中，而不会移动图像。