Comment utiliser les margin/padding sur text-align centrée élément

HTML

<div>Test</div>

CSS

div {
text-align: center;
width:200px;
margin-left:20px;
}

Je ne veux pas avoir le texte au centre, mais poussé légèrement à droite/à gauche. Est-ce possible?

  • clair à l'intérieur d'une div n'est pas individuelle. vous devez placer le texte dans autre chose, comme un <span>
  • le css dans votre post, c'est de modifier et de positionnement de la div, et qui donne l'effet de positionnement du texte. quelle est la plus grande image de ce que vous essayez de faire?
InformationsquelleAutor 123321123321 | 2014-04-18
  1. 0

    C'est possible. Actuellement, votre marge de gauche de la propriété affectera la div et ne cible pas spécifiquement le texte interne.

    Je voudrais faire quelque chose comme ce qui suit. Si vous placez le texte dans un <p> balise, vous pouvez décaler vers la gauche ou la droite à l'aide de rembourrage.

    div {
  text-align: center;
  width:200px;
  background:blue;
}
div p{
  padding-left:30px;
}

<div>
   <p>Test</p>
</div>
    InformationsquelleAutor katzkode
  2. 4

    Si c'est une seule ligne, vous devriez être en mesure de le faire:

     text-indent:1em;

    ref: https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent

    • Merci, ça fonctionne parfaitement
    InformationsquelleAutor Mister Epic
  3. 0

    Si vous utilisez un rembourrage sur le côté, il sera compensé le texte visuellement par ce que vous le définissez. Ce que vous avez répertoriées de travail, comme le ferait l'aide de rembourrage au lieu d'une marge, mais cela dépend de ce que le site ressemble visuellement.

    InformationsquelleAutor Matthew Darnell