Format/Line break text on hero image banner

dear community,

we are using the refresh theme

on the homepage on the hero image section, we use the out of the box text section to add text to the image.

but the text line breaks in the right text box input section (see red circle on screenshot) are not getting displayed exactly like this on the preview and also on the final website (see blue circle on screenshot).

how can I control the line breaks and format the text in the way I want it, like this:

Yerba mate y burbujas,

una combinación perfecta con:

0 calorías y 71 mg de cafeína

para tu boost de energía 100% natural

many thanks

preview link: https://p1sh5syf5lssg0fh-61049766108.shopifypreview.com

I think you clicked enter in the red box, please click backspace to have remove space at line 1.

In blue box looks like it is set as right aligned, you can align it to center or left

Hi @PhMA

Please add ‘
’ to place you want text line break

@Dan-From-Ryviu many thanks but somehow my shopify acts completely weird when applying
→ in the text box on the right it works fine

but then on the preview on the left and also on the actual page, the text and breaks are competley different plus also some words are not in the same sequence

e.g. par0 calories → that is completely messed up → see text entry box on the left, its not like this

preview link: https://p1sh5syf5lssg0fh-61049766108.shopifypreview.com , what do I miss?

@suyash1 any ideas?