divタグ内の段落のCSSプロパティを変更できない

Question

ボタンを押したときに実行されるdivタグ内にある段落のfont-sizeとtext-alignプロパティを変更する機能を作りたかったのです。

function acknowledge() 
{ 
    document.getElementById('centretext').innerHTML = ""; 
    document.getElementById('button1').style.display = "none"; 
    document.getElementById('centretext').style.font-size = "99%"; 
    document.getElementById('centretext').style.text-align = "left"; 
} 

元のプロパティは次のとおりです。ボタンがクリックされたときに

#centretext 
{ 
    font-size: 200%; 
    font-family: Merriweather; 
    text-align: center; 
    font-weight:bolder; 
} 

しかし、何も起こりません。関数の最後の2行（つまりプロパティを変更する行）を削除すると、最初の2行は正常に実行されます。私は間違って何をしていますか？ 編集：DIV：

<div id = "centre"> 
     <p id="centretext"> 
     You are a cell. 
     <br> 
     It's the survival of the fittest. 
     <br> 
     <br> 
     To survive, you must divide, grow and evolve. 
     </p> 

     <p id="centretext2"> 
     </p> 

     <button class ="buttonformat" id="button1" type="button" onclick="acknowledge()"> OK </button> 
     </div> 

Answer 1

document.getElementById('centretext').style.fontSize = "99%"; 
    document.getElementById('centretext').style.textAlign = "left"; 

Answer 2

のdocument.getElementById（ 'centretext'）style.fontサイズ= "99％"。 document.getElementById（ 'centretext'）。style.text-align = "left";

document.getElementById（ 'centretext'）。style.fontSize = "99％"; document.getElementById（ 'centretext'）。style.textAlign = "left";