Line Character Limit Code Causes a Loss in Paragraph Centering

Ask the community
,
1 
$w.onReady(() => {$w('#text223').html = `<p style="width:40ch">${$w('#text223').text}</p>`;$w('#text223').show();})

So, the above code works in applying a line character limit; however, I lose the paragraph being centered when in preview as shown in the picture below:

2793×845 170 KB

Can I resolve this using the editor or will I have to apply code in Velo? It appears code applies itself only on preview and live, not while in editor.

So to recap my questions:
(1) Can I resolve this using the editor or will I have to apply code in Velo?
(2) Is there a setting/code that can be used to see these code changes not just in live/preview, but in editor mode as well?

2 
$w.onReady(() => {$w('#text223').html = `<p style="width:40ch;text-align:center;">${$w('#text223').text}</p>`;$w('#text223').show();})

You will see it in Preview Mode and live site only

3

Ah, I’m not sure that what you wanted.
Maybe that:

$w.onReady(() => {
$w('#text223').html = `<p style="width:40ch;left:calc(50% - 20ch);position:relative;">${$w('#text223').text}</p>`;
$w('#text3').show();
})