[CSS] Text Positionieren

  • Hallo,
    Weiss vielleicht jemand wie ich in css einen text positioniere ?
    Also das ich den Text z.b. in die mitte eines Bildes versetzen kann.
    Hier bei:

    möchte ich es gerne haben das der Text in der Mitte davon ist, aber ich weiss nicht wie das gehen soll.
    Hoffe auf Hilfe.
    Lg,
    Stefan_Wayne.

  • Dafür gibts mehrere Möglichkeiten. Die wahrscheinlich eleganteste wäre "text-align" und "line-height" zu benutzen. Dies funktioniert allerdings nur, wenn dein Text nur über eine Zeile geht und nicht übere mehrere. Dafür einfach dem umliegenden Container (div, a oder li oder was auch immer) das oben gezeigte Hintergrundbild geben und folgende Eigenschaften im CSS vergeben:
    height: /* Höhe des Hintergrundbildes */;
    width: /* Breite des Hintergrundbildes */;
    text-align: center; /* Horizontal zentriert */;
    line-height: /* Höhe des Containers/Hintergrundbildes (siehe oben) zur vertikalen Zentrierung */
    background: url(/* Hintergrundbild einbinden */);


    Natürlich kannst du auch deinem umliegenden Container, in der der Text steht, auch einfach ein padding nach oben geben und wieder "text-align: center;" zur horizontalen Zentrierung. Bei beiden Beispielen muss die Höhe und Breite fest gesetzt sein. Wenn du auch eine variable Breite haben möchtest, dann musst du ein wenig mehr schreiben.