ubicacion de div

[Montes28]

hola amigos del foro espero me puedan ayudar

me encuentro trabajando Uni-Form http://sprawsm.com/uni-form/

y necesito colocar dos columnas y en cada columna debe contener input,select,etc

ya tengo la primera columna el problema qu tengo es para ubicar la segunda columna

<style type="text/css">
#columna1{ width:50%;
display:inline-block;
height:50%;
background-color:blue;
overflow:hidden;

}
#columna2{
width:50%;
display:inline-block;
height:50%;
background-color:green;
overflow:hidden;
}

</style>



este es mi formulario

Código HTML:

<form action="#" class="uniForm" method="post">
      <div id="columna1">     
      <fieldset>
        <h3>Apreciacion Visual </h3>
        
        <div class="ctrlHolder">
          <label for=""><em></em> Asistente </label>
          <!--<input name="name" id="name" data-default-value="Placeholder text" size="35" maxlength="50" type="text" class="textInput"/>-->
          <select name=""  id="" class="selectInput required">
            <option value="">Seleccione</option>
            <option value="1">AAA</option>
          </select>
           
          <p class="formHint"></p>
        </div>
              
        
      </fieldset>
      </div>
        <div id="columna2">
            <fieldset>
        <h3>Apreciacion Visual </h3>
        
        <div class="ctrlHolder">
          <label for=""><em></em> Asistente </label>
          <!--<input name="name" id="name" data-default-value="Placeholder text" size="35" maxlength="50" type="text" class="textInput"/>-->
          <select name=""  id="" class="selectInput required">
            <option value="">Seleccione</option>
            <option value="1">AAA</option>
          </select>
           
          <p class="formHint"></p>
        </div>
              
        
      </fieldset>
 
      </div>
      
      <div class="buttonHolder">
        
        <button type="submit" class="primaryAction">Submit</button>
      </div>
 
    </form>