Estilos em elementos criados com Javascript.

Boa tarde!

Estou criando uma DIV via javascript assim que o usuário clica no botão, está funcionando porém, alguns comando CSS não pegal como o FLOAT e o TEXT-ALIGN. segue o código:

var input_cont = 0;

function addInput()

 var div1 = document.createElement("div");
 div1.setAttribute('name', 'div1'+input_cont);
 div1.setAttribute('id', 'div1'+input_cont);

 div1.innerHTML = "principal";
 div1.style.background= "#CCC";
 div1.style.width= "150px";
 div1.style.height= "230px";
 div1.style.border= "1px solid black";
 div1.style.margin= "10px";

 div1.style.text.align="center"; //não funciona
 div1.style.float="left"; //não funciona

 add_input_div.appendChild(div1);
}

outra duvida Pretendo colocar elementos como campo de texto e neste cempo terá funções javascript como posso também adicionalas?

OBG pela atenção!!!!