html innerhtml br,如何将javascript innerhtml居中

好的,首先嗨,我对今天刚开始的这件事完全不熟悉,我正在编写一个脚本,需要添加一些内部HTML,我想知道我是否需要将每一行居中,或者将开始居中,而不是结束居中?我做得对吗?如果你觉得我可以做得更好,请让我知道不能做jquery。

例A

var settingsHtml = '';

settingsHtml += "

settings

";

settingsHtml += "TEXT HERE ";

settingsHtml += "TEXT HERE
";

settingsHtml += "

---

";

settingsHtml += "text here
";

settingsHtml += "text here
";

settingsHtml += "text here
";

settingsHtml += "

---

";

settingsHtml += "More Coming Soon!

";

document.getElementsByClassName("hud-settings-grid")[0].innerHTML = settingsHtml;

或实例B

var settingsHtml = '';

settingsHtml += "

settings

";

settingsHtml += "

TEXT HERE ";

settingsHtml += "TEXT HERE

";

settingsHtml += "

---

";

settingsHtml += "

text here
";

settingsHtml += "

text here
";

settingsHtml += "

text here
";

settingsHtml += "

---

";

settingsHtml += "

More Coming Soon!
";

document.getElementsByClassName("hud-settings-grid")[0].innerHTML = settingsHtml;