horizontalAlignment property in Text does not perform as expect

// code placeholder
Rectangle {
    width: 480
    height: 272   
 Text {
        id:text1
        anchors.centerIn: parent
        width: 200
        color: "salmon"
        text: "Hello World!\ntext\nthis is a test!"
        font.pixelSize: 24
        horizontalAlignment: Text.AlignHCenter
    }
    Text {
        anchors.centerIn: parent
        width: 200
        anchors.top: text1.bottom
        color: "salmon"
        text: "Hello World!\ntext\nthis is a test!"
        font.pixelSize: 24
//        horizontalAlignment: Text.AlignHCenter
    }
}

// code placeholder
Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")
    Item{
        anchors.fill: parent
        Text {
            id: name
            anchors.horizontalCenter: parent.horizontalCenter
            text: qsTr("Hello World!\ntext\nthis is a test!")
            horizontalAlignment: Text.AlignHCenter
        }
    }


}