Оформление html-формы

У меня есть форма, которая выглядит так:

Форма

Это довольно большая форма, поэтому я показываю только элементы div.

Как видите, эта форма выглядит не очень хорошо, и я хочу, чтобы она выглядела лучше, но у меня очень плохо получается стайлинг. все, что я хочу сделать, это чтобы поля ввода находились рядом друг с другом. Я уже пробовал это:

#formdiv {
  max-width: 500px;
  padding: 20px 12px 10px 20px;
  font: 13px Arial, Helvetica, sans-serif;
}

#form {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #cccccc;
}

<div id='formdiv'>
  <form id = "form" action = "" method = "get">
  </form>
</div>

Не могли бы вы мне помочь? Спасибо.

РЕДАКТИРОВАТЬ

Я хочу, чтобы он был более удобным для пользователя

РЕДАКТИРОВАТЬ 2

    <div id='formdiv'>
    <form id = "form" action = "" method = "get">
    <?php 
    $g = 1;
    $vrij = '';
    foreach ($alla as $rowa)
    {
        if ($g==1):
            $vrij = $rowa['Field'];
        else:
            $vrij .= ',' . $rowa['Field']; 
        endif;
        $g++;
        $int = str_replace("int", null, $rowa['Type']);
        $varchar = str_replace("varchar", null, $rowa['Type']);
        switch($rowa['Type'])
        {
            case 'int'.$int.'':
                echo '<input type = "checkbox" name = "A" value = "'. $rowa['Field'] . '" id = "'.$rowa['Field'].'">' .$rowa['Field'];
                echo '<input type = "text" name = "box" id = "box'.$rowa['Field'].'">';
                echo '<select id = "keuzes" name = "keuzes">';
                echo '<option value = "som op" id = "btn'.$rowa['Field'].'">som op</option>';
                echo '<option value = "kleinder dan" id = "kd'.$rowa['Field'].'">kleinder dan</option>';
                echo '<option value = "grooter dan" id = "gd'.$rowa['Field'].'">grooter dan</option>';
                echo '<option value = "kleinder of gelijk aan" id = "koga'.$rowa['Field'].'">kleinder of gelijk aan</option>';
                echo '<option value = "grooter of gelijk aan" id = "goga'.$rowa['Field'].'">grooter of gelijk aan</option>';
                echo '<option value = "tel op" id = "to'.$rowa['Field'].'">tel op</option>';
                echo '</select><br>';
                break;
            case 'varchar'.$varchar.'':
                echo '<input type = "checkbox" name = "A" value = "'. $rowa['Field'] . '" id = "'.$rowa['Field'].'">' .$rowa['Field'];
                echo '<input type = "text" name = "box" id = "box'.$rowa['Field'].'">';
                echo '<input type = "button" value = "zoek naar" id = "zn'.$rowa['Field'].'">' . '<br>';

                break;
            case "datetime":
                echo '<input type = "checkbox" name = "A" value = "'. $rowa['Field'] . '" id = "'.$rowa['Field'].'">' .$rowa['Field']. '<br>';
                echo 'Begin tijd <input type = "text"  name = "begin" id = "begin' . $rowa['Field'] . '">' . '<br>';
                echo 'Eind tijd <input type = "text"  name = "end" id = "end' . $rowa['Field'] . '">' . '<br>';
                echo 'Een tijd <input type = "text" name = "box" id = "box'.$rowa['Field'].'">'. '<br>';
                break;
            case "longtext":
                echo '<input type = "checkbox" name = "A" id = "actionc" value = "'. $rowa['Field'] . '" id = "'.$rowa['Field'].'">' .$rowa['Field'] . '<br>';
                break;
        }   
    }

    ?>
   <br>
   <input type = "submit" id = "submit" name = "submit" value = "submit"><br>   
   </form>
   </div>

РЕДАКТИРОВАТЬ 3

вот как я хочу, чтобы моя форма выглядела.