Zentrierung beibehalten nach ausgeschaltetem Word-Wrapping

[Alabasta]

Hallo liebe Community,

ich bin Anfänger also seht mir bitte jegliche Ungenauigkeiten im Ausdruck und ein verringertes Verständnis nach

Es geht darum:

Ich habe bei Squarespace einen Custom CSS-Code eingebaut, funktioniert auch alles wunderbar, aber ich musste das Text-Wrapping in einem Titel deaktivieren, damit das Wort nicht an ganz merkwürdigen Stellen gebrochen wird. Nun habe ich habe Schwierigkeiten, das Wort wieder vernünftig in der Mitte zu zentrieren. Hat jemand eine Idee, wie ich die Zentrierung wiederherstelle, obwohl das Wrapping ausgeschaltet ist?

Das Wort "Bewerbungsgespräch" ist nun nicht mehr wirklich zentriert.

Der Code:
h3.preSlide.slideIn
{
text-align:center;
word-wrap:normal;
}

Das Ergebnis seht ihr im Anhang.

 

[scatello]

Der Code:

Nein, das ist nicht der Code, das ist nur ein kleiner Ausschnitt davon. Allerdings können wir damit nichts anfangen. Ein Link zur Seite wäre gut.

 

[Sempervivum]

Ich habe das mal untersucht und meine Vermutung hat sich bestätigt: Wenn der Container zu schmal ist und der Text nicht mehr hinein passt, ragt er nur rechts über die Grenze hinaus, so dass er nicht mehr richtig zentriert ist. Verwendet man Flexlayout und text-align: center; gleichzeitig, so funktioniert es:

    <style>
        h1.bewerbung1 {
            width: 7em;
            border: 2px solid lightblue;
            text-align: center;
            margin: 0 auto;
        }
        h1.bewerbung2 {
            width: 7em;
            border: 2px solid lightblue;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

    </style>
    <h1 class="bewerbung1">
        So klappt das Bewerbungsgespräch
    </h1>
    <h1 class="bewerbung2">
        So klappt das Bewerbungsgespräch
    </h1>