Только из того, что вы написали, мы не можем дать вам окончательный ответ.
Мы должны принять во внимание то, что определено в вашем CSS, а также родителей DIV, который вы вставляете.
Например, установка для левого и правого полей значения auto не будет работать для элемента div, для которого не задана ширина, а установка text-align для центра будет работать не так, как ожидается для элемента div, ширина которого был ограничен.
Вот пример кода, который, безусловно, работает:
<html>
<head>
<script type="text/javascript">
function displayResult()
{
title = document.createElement('div');
title.appendChild(document.createTextNode("The big title!"));
title.style.color = "#F5AE20";
title.style.textAlign = "center"; //this is what I'm trying to solve my problem
document.getElementById("div1").appendChild(title);
}
</script>
</head>
<body>
<div id="div1">This is some text.</div>
<br />
<button type="button" onclick="displayResult()">Align text</button>
</body>
</html>