HTML - poñer dos grupos de elementos en paralelo

hola, estoy empezando a trabajar con páginas web dinámicas. Hasta el momentos mis conocimientos en html son básicos.

necesito buestra ayuda.
Estoy construyendo un formulario para pedirle datos al usuario.

Necesito poner dos div con elementos dentro en paralelo, pero no puedo ponerlos flotando a la derecha, ya que tiene que estar a la izquieda.
Lo que pasa es:

<div class="panel">
<div class="campo">
aki hai textos, chekbox... todos colocados unos a continuación de otros
</div>

<div class="campo">
<div class="campo" style="float:left;">
<div class="campo">
DIV 1aki hai otro div con objetos, todos situados contiguos
</div>
<div class="campo">
DIV 2div con objetos , igual al anterios
</div>
</div>
<div class="panel" style="float:left;margin-left: 2em;">
DIV 3otro div con objetos, este es el que debería estar en paralelos con el anterior
</div>
</div>
</div>

El DIV 1 y DIV 2 están contenidos en un mismo div, que flota a la izquierda. Estes dos div no ocupan la mitad de la pantalla.
Lo que necesito es que el DIV 3 me quede colocado en paralelo, al div contenedor del DIV 1 y DIV 2. Lo que tengo escrito no me funciona me lo pone debajo.
Flotando a la derecha no puedo ponerlo ya que al maximiza la página debe quedar pegado al div contenedor,y al flotarlo a la derecha lo pega al margen derecho.

Espero que puedan ayudarme.



</div>

Saludos,

Prueba con <DIV > y <SPAN>, es una alternativa posible, sobre todo para texto.

<div class="panel" style="width:100%;float:left;margin-left:2em">
<span class="campo">Aqui hay textos, chekbox...</span>
<span class="campo">DIV 1 aqui hay otro div con objetos...</span>
<span class="campo">DIV 2 div con objetos, igual al anterior.</span>
<span class="campo">DIV 3 con objetos, este es...</span>
<span class="campo">DIV 4 con objetos, etc...</span>

Suerte.