simple text alignment issue

[peolold]

hey there,

i'm having a simple issue with a text box, that does or doesn't align centered when opened with different browsers / devices. can someone help?

thank in advance, leopold

website:
www.peolold.de

textbox: "slide to unlock", aligned centre

chrome on mac: works as intented

safari on mac: not centered

firefox on mac: works

chrome on iPhone: not centered

safari on iPhone: not centred

[arminunruh]

what is your safari version, for safari on mac

[peolold]

@arminunruh it's safari version 18.0.1 (20619.1.26.31.7) on mac

[arminunruh]

seems like your textformat "_footerklein"
is applied to that text. this textformat has text-align left set to it.
can you either use a character format, or change this textformat to align center?

it seems that in some browsers the text align of this span is used (left), in other browsers, the textalign of the parent p tag is used

[arminunruh]

you could also try to edit the html of the text using the <> code button, remove the p tag. so you only have the span tag. change the style of the span tag to:

style="font-size: 28px;text-align:center;"

[peolold]

that did the trick! as always, thanks a lot.