web-dev-qa-db-ja.com

divを移動せずにdiv内でテキストを移動する

私はdivを持っています。div内には、ボタンのように見える背景画像があり、div内に "Home"というテキストがあります。デフォルトでは、テキストは上にスナップされ、正しく見えません。 divを移動せずにdiv内でテキストを移動するにはどうすればよいですか?

cssファイル: http://Pastebin.com/xrAFMVDd

htmlファイル: http://Pastebin.com/b5Fubte

12
robwolff3

これを行う1つの方法は、テキストを<p>タグで囲み、CSS属性topおよびleftposition: relativeとともに使用して、テキストの相対位置を指定することですdivの左上。

こちらの例をご覧ください: http://jsfiddle.net/zvMKH/

13
Jeff

line-heightの下の#button1 li aを変更して修正しました。魅力のように働いた!貢献してくれた皆さん、ありがとう!ほんとうにありがとう!

4
robwolff3