How to align text

Ask the community
,
1

Hi everyone, just a really simple fix I’m sure (fingers crossed)

When I click an image, I want my ‘Text1’ id Text to go red. It does do this currently but I lose my centre alignment.

Please can you advise what the code should be so that it centre aligns it too as well as goes red? Many thanks for all of your help

$w.onReady(function () {
 // TODO: write your page related code here...
    $w('#image2').onClick((event) => {
        $w("#Text1").html = `<h1 style = "color:red">${$w("#Text1").text}</h1>`;
        $w("#Box").show();
    })
});
2 
`<h1 style = "color:red;text-align:center">${$w("#Text1").text}</h1>`;
3

Thank you very much for your help