Espace entre 3 div différentes

Bonjour à tous,

Voilà j'ai un petit souci, je dois créer un questionnaire online et, d'habitude, toutes les questions apparaissent les unes en dessous des autres.
Mais là, il faut que 2 questions apparaissent l'une à côté de l'autre. J'ai réussi à "placer" la 2eme question comme je voulais en lui donnant une classe différente et en la basculant en position relative. Le problème c'est que maintenant, là où la 2eme question était, il y a maintenant un blanc pas dutout classe !
j'ai fait du bidouillage comme j'ai pu mais je pense pas que ma technique de position relative soit la plus adaptée là :(
Je voulais savoir comment faire pour pouvoir supprimer ce blanc :(

Donc comme vous voyez ci dessous, je voudrais que la question "Iden3" (classe qel2) apparaisse à côté de la question "Iden2" (classe qel) ET que la question "Iden4" (classe qel, cachée au début mais apparaissant lorsque l'on répond en Iden2) apparaisse en dessous mais sans espace entre :(

Voilà mon code CSS :
div.qel{
margin-top: 1em;
margin-bottom: 1em;
}

div.qel2{
position:relative;top:-58px; left:205px;
}

Voici mon code HTML :
<label for="Iden2" class="error">Mandatory answer:</label><div class="qel" id="quIden2"><span class="question">Your region:</span>
<br><select NAME="Iden2" size="1">
<option VALUE="" SELECTED> </option>
<option VALUE="1">Asia Pacific</option>
<option VALUE="2">Middle East</option>
<option VALUE="3">North America</option>
</select>
</div>

<label for="Iden3" class="error">Mandatory answer:</label><div class="qel2" id="quIden3"><span class="question">Your country:</span>
<br><select NAME="Iden3" size="1">
<option VALUE="" SELECTED> </option>
<option VALUE="1">Angola</option>
<option VALUE="2">Australia</option>
<option VALUE="3">Belgium</option>
<option VALUE="4">Brazil</option>
<option VALUE="5">Canada</option>
</select>
</div>

<label for="Iden4" class="error">Mandatory answer:</label><div class="qel" id="quIden4" style="display:none"><span class="question">Your site:</span>
<br><select NAME="Iden4" size="1">
<option VALUE="" SELECTED> </option>
<option VALUE="1">AAAA</option>
<option VALUE="2">BBB</option>
<option VALUE="3">CCC</option>



Voilà voilà (bon comme je suis une noob, j'arrive pas à écrire mon code dans une fenêtre CSS ou HTML dans le corps du message °o°)

Merci beaucoup pour votre aide :)