Die Sache ist, dass position:absolute; die Breite des Elements so ändert, dass sie zu seinem Inhalt passt, und dass text-align: center; den Text innerhalb der Breite des Elementblocks zentriert. Also, wenn Sie ein position: absolute; hinzufügen, vergessen Sie nicht, die Breite des Elements zu erhöhen, sonst ist die text-align: center; -Eigenschaft nutzlos.
Der beste Weg, dies zu lösen, besteht darin, im Abschnitt .text ein width: 100%; und ein left: 0px; hinzuzufügen.
Update: Was ich vorher gesagt habe, war schlecht / falsch
Dies sollte viel näher an was Sie wollen?
Ihr Text ist relativ und Ihre anderen Elemente innerhalb des Containers sind absolut!
%Vor%Tags und Links html css css-position centering