從一個按鈕點擊輸出的文本居中

Question

所以我是新開發的web開發人員（非常新），我有一個小型項目可以開展工作。用戶點擊一個按鈕（網頁上的所有內容都已居中，包括按鈕），並且按鈕返回一些文本。這是非常相似的代碼

function myFunction() { 
 
    document.getElementById("demo").innerHTML = "Hello World"; 
 
}

<p>Click the button to trigger a function that will output "Hello 
 
World" in a p element with id="demo".</p> 
 

 
<button onclick="myFunction()">Click me</button> 
 
<p id="demo"></p>

我所試圖做的是有輸出（你好世界）在頁面上居中爲好。然而，在我的原始代碼中，輸出是一組單詞（一個句子）。我想了解如何將其集中。

對不起，如果這沒有格式正確，我也是新的stackoverflow。任何幫助，將不勝感激。謝謝！

Answer 1

使用text-align:center

function myFunction() { 
 
    document.getElementById("demo").innerHTML = "Hello World"; 
 
}

#demo { 
 
    text-align:center; 
 
}

<p>Click the button to trigger a function that will output "Hello 
 
World" in a p element with id="demo".</p> 
 

 
<button onclick="myFunction()">Click me</button> 
 

 
<p id="demo"></p>