Ciao ragazzi. Vorrei creare dei div dinamicamente uno affianco all altro. Mi funziona tutto tranne che l'ultimo div. Rimane sotto l'elenco orizzontale degli altri div, Il codice è questo. Spero mi saprete aiutare.
Grazie mille in anticipo.

<html>
<head>
<title>Untitled</title>
<style type="text/css">
div {
background-color: yellow;
border: 2px;
}
</style>
</head>
<body onload="arraydiv(righe)">


<div id="divprincipale"> </div>




<script language="JavaScript" type="text/javascript">
<!--
var righe=3;


function arraydiv(righe){
for(var i=0;i<righe;i++) {
var newdiv = document.createElement("div");
var a = document.getElementById("divprincipale");
a.appendChild(newdiv);
var contenitori = document.getElementsByTagName("div");
contenitori[i].style.display = "inline";
newdiv.setAttribute('id',i);
var t=document.createTextNode(" "+(i+1)+" ");
newdiv.appendChild(t);
window.alert("riga"+(i+1));
}
}


//-->
</script>




</body>
</html>