html - li元素为圆形时，如何使 anchor 标签的文字居中显示

Question

我正在尝试制作水平导航菜单，我的菜单项 (li) 元素呈圆形，这里是 demo ，我的问题是链接的文本出现在顶部，我如何让它出现在中心，这可能吗，请让我知道，欢迎任何建议。谢谢

Answer 1

只有 block 元素可以使用边距和填充。 anchor 标签是内联元素。您需要强制它们成为 CSS 中的 block 元素:

#menu ul li a
{
    text-decoration:none;
    display:block;
    padding:30px 0 0 0;
}