Como hacer un salto de línea??

[todoscogidos]

Hola yo creo campos dinámicamente pero me salen unos detrás de otros en la misma fila y quiero que me salgan uno debajo del otro.

Como es el salto de línea? He probado con \n pero no me sale. Y los espacios en blanco??

También quiero que el botón que creo para borrar coja la apariencia de una hoja de estilos, he probado con ele.class = 'boton'; pero no me hace nada.

Alguien puedes ayudarme?
Gracias.

Aquí dejo el código.

Código:

<script type="text/javascript">
<!--
num=0;
function crear(obj) {
  num++;
  fi = document.getElementById('fiel'); 
  contenedor = document.createElement('div'); 
  contenedor.id = 'div'+num; 
  fi.appendChild(contenedor); 

  lbl = document.createElement('label');
  lbl.innerHTML = 'Nombre: ';// Aquí espacios en blanco
  contenedor.appendChild(lbl);	
  ele = document.createElement('input'); 
  ele.type = 'text'; 
  ele.name = 'nombre'+num; 
  lbl.appendChild(ele);
  contenedor.appendChild(ele); // Aquí quiero un salto de línea
 
  lbl = document.createElement('label');
  lbl.innerHTML = '1er Apellido: '; // Aquí espacios en blanco
  contenedor.appendChild(lbl);
  ele = document.createElement('input'); 
  ele.type = 'text'; 
  ele.name = 'apellido1'+num;   
  lbl.appendChild(ele);
  contenedor.appendChild(ele); // Aqui quiero un salto de Línea


  lbl = document.createElement('label');
  lbl.innerHTML = '2º Apellido: '; //Aqui quiero espacios en blanco
  contenedor.appendChild(lbl);
  ele = document.createElement('input'); 
  ele.type = 'text'; 
  ele.name = 'apellido2'+num; 
  lbl.appendChild(ele);
  contenedor.appendChild(ele); 
  
  ele = document.createElement('input'); 
  ele.type = 'button'; 
  
  ele.value = 'Eliminar autor'; 
  ele.name = 'div'+num; 
  ele.onclick = function () {borrar(this.name)} 
  contenedor.appendChild(ele); 
}
function borrar(obj) {
  fi = document.getElementById('fiel'); // 1 
  fi.removeChild(document.getElementById(obj)); // 10
}
--> 
</script>