Déplacer du texte dans un div sans déplacement de la div

J'ai un div à l'intérieur de la div est une image d'arrière-plan qui ressemble à un bouton et j'ai du texte dans le div en disant "à la Maison". Par défaut, le texte est aligné sur le haut et ne pas regarder à droite. Comment pourrais-je déplacer le texte autour de la div, sans déplacement de la div?

fichier css:
http://pastebin.com/xrAFMVDd

fichier html:
http://pastebin.com/b5Fubte0

OriginalL'auteur robwolff3 | 2011-06-05

  1. 13

    Une façon de le faire est d'envelopper votre texte dans un <p> de la balise et de l'utilisation des attributs CSS top et left avec position: relative pour spécifier la position du texte par rapport à la partie supérieure gauche de la div.

    Voir un exemple ici: http://jsfiddle.net/zvMKH/

    OOO! J'ai vraiment pensé que c'était d'aller travailler, mais encore une fois... il s'est déplacé en arrière-plan. Peut-être une variante différente de ce que vous avez fait?
    Hmm, c'est étrange, il ne semble pas être le déplacement de l'arrière-plan @ jsfiddle.net/zvMKH/1 (vous pouvez jouer autour de la gauche/haut de valeurs à vérifier)
    Pouvez-vous modifier votre question à inclure uniquement le html/css de la div que vous parlez? Vous pouvez coller directement dans votre question et utilisez le code " bouton pour formater joliment.
    sa trop grande pour la zone de commentaire. ill vous donner pastebin à la place. html:pastebin.com/xuLqhWkk css:pastebin.com/QdPSkkk6 Rappelez-vous, nous sommes d'édition le bouton "Home".

    OriginalL'auteur Jeff

  2. 4

    Je l'ai corrigé en modifiant la line-height sous #button1 li a. A travaillé comme un charme! Merci à tous ceux qui ont contribué! Je l'apprécie vraiment!

    text-indent peut être utilisé pour déplacer le texte horizontalement, sans déplacement de l'image d'arrière-plan

    OriginalL'auteur robwolff3