Dikey olarak açılır ve giriş düğmelerini hizalayın

Question

İki düğüme sahip olduğum bir düşey ve dikey olarak hizalamak istediğiniz bir metin girişi var. Onlar ancak 1 px kapalı, ama onlar kapalı ve beni deli ediyor.

<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