creacion de div dinamicamente

[ecosysonidos]

hola espero puedan ayudarme
quiero crear con un div dinamicamente al dar clic en un boton no se si es con php o css
por ejemplo creo uno y si doy clic se crea otro div con las mismas caracteristicas
del anterior de lado derecho del otro algo asi

|primer clic |segundo clic|
| 1er div | 2do div |

y asi sucesivamente hasta crear 10 divs como puedo hacer esto saludos y gracias por su ayuda

[lordglazoon]

La Funcion:

Código Javascript:

function crear(obj) 
{
  num++;
  fi = document.getElementById('insert');
  contenedor = document.createElement('div');
  contenedor.id = 'div'+num;
  fi.insertBefore(contenedor,obj);
 
  _div= document.createElement('div');
  _div.id = 'subp'+num;
  _div.name = 'subp_'+num;
  _div.setAttribute('size','30%');
  contenedor.appendChild(_div);
  document.getElementById('subp'+num).focus();
}
 

EL html donde lo inserta:

Código HTML:

<fieldset id="insert" style="border:hidden">
<br>
<input class="tbflat" align="right" value="Insertar" type="button" onclick="crear(this)" />
</fieldset>
 

[ecosysonidos]

Iniciado por lordglazoon

La Funcion:

Código Javascript:

function crear(obj) 
{
  num++;
  fi = document.getElementById('insert');
  contenedor = document.createElement('div');
  contenedor.id = 'div'+num;
  fi.insertBefore(contenedor,obj);
 
  _div= document.createElement('div');
  _div.id = 'subp'+num;
  _div.name = 'subp_'+num;
  _div.setAttribute('size','30%');
  contenedor.appendChild(_div);
  document.getElementById('subp'+num).focus();
}
 

EL html donde lo inserta:

Código HTML:

<fieldset id="insert" style="border:hidden">
<br>
<input class="tbflat" align="right" value="Insertar" type="button" onclick="crear(this)" />
</fieldset>
 

pues bien no consigo entender o tu codigo que me aportas no realiza nada