Кнопки выпадающего меню и вертикального выравнивания

Question

У меня есть две кнопки раскрывающегося списка и текстовый ввод, который я хочу вертикально выровнять. Они чуть-чуть на 1 px, но они выключены, и это заставляет меня сходить с ума.

Смотрите код ниже:

<div style="text-align:center;padding-top:85px"> 

      <form role="form" class="form-inline "> 
       <div class="form-group"> 
        <select class="form-control selectWidth" style="width:auto"> 
         <option> Primary Care Physician </option> 
         <option> Dermatologist </option> 
         <option> Orthodontist </option> 
        </select>  
       </div> 
       <input type="text" class="form-control" placeholder="Enter Zip Code"> 
      </form> 

</div> 

Answer 1

HTML:

<div ng-repeat="param" class="test row"> 
    <div class="col-sm-4"> 
     <select class="form-control"> 
      <option> Primary Care Physician </option> 
      <option> Dermatologist </option> 
      <option> Orthodontist </option> 
     </select> 
    </div> 
    <div class="col-sm-8"> 
    <input type="url" class="form-control col-sm-8 invalidInput" placeholder="Enter Zip Code"> 
    </div> 
</div> 

CSS:

.test{ 
    width:50%; 
} 

See JsFiddle