Javascript Problema com JavaScript Alinhamento e quebra de linha

[Markw]

Estou com o seguinte codigo abaixo e queria que o texto se quebrasse quando chegasse ao limiti de caracteres, pois dependendo do tamanho do texto ele continua e não para na pagina so dps de um certo tempo, ja tentei mais não consegui, como faz pra ele fica se ajeitando na tela automaticamente, tipo eu setei a div do html ja pra fica no meio da tela so que quando o texto vai sendo adicionando ele não vai arredando pra centralizar.

 

 

Codigo do JavaScript

var div = document.getElementById('log');
var textos = ['SEU TEXTO AQUI' , 'SEU TEXTO 2 AQUI', 'SEU TEXTO 3 AQUI', 'SEU TEXTO 4 AQUI'];

function escrever(str, done) {
    var char = str.split('').reverse();
    var typer = setInterval(function() {
        if (!char.length) {
            clearInterval(typer);
            return setTimeout(done, 500); // só para esperar um bocadinho
        }
        var next = char.pop();
        div.innerHTML += next;
    }, 100);
}

function rodape(conteudos, el) {
    var atual = -1;
	function prox(){
		if (atual < conteudos.length - 1) atual++;
		else atual = 0;
		var str = conteudos[atual];
		escrever(str, function(){
			div.innerHTML = '';
			prox();
		});
	}
	prox();
}
rodape(textos);