在不移動 div 的情況下在 div 中移動文本

Question

我有一個 div，在 div 里面是一個看起來像一個按鈕的背景圖像，我在 div 中有文字說“主頁”。 默認情況下，文本被吸附到頂部並且看起來不正確。 如何在不移動 div 的情況下在 div 中移動文本？

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

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

Answer 1

一種方法是將文本包裝在<p>標記中，並使用 CSS 屬性top和left position: relative指定相對於 div 的左上角的 position。

在此處查看示例： http://jsfiddle.net/zvMKH/

Answer 2

我通過更改#button1 li a下的line-height來修復它。 像魅力一樣工作！ 感謝所有做出貢獻的人！ 對此，我真的非常感激！