在不移动div的情况下在div中移动文本

Question

我有一个div,在div里面是一个背景图像,看起来像一个按钮,我在div中的文字说"Home".默认情况下,文本被捕捉到顶部并且看起来不正确.如何在不移动div的情况下在div中移动文本？

css文件:http: //pastebin.com/xrAFMVDd

html文件:http: //pastebin.com/b5Fubte0

Answer 1

一种方法是将文本包装在<p>标记中并使用CSS属性top,left并position: relative指定文本相对于div左上角的位置.

在这里查看示例:http://jsfiddle.net/zvMKH/

Answer 2

我通过更改line-heightunder 来修复它#button1 li a。像魅力一样工作！感谢所有做出贡献的人！对此，我真的非常感激！