2016-03-23 17 views
0

私は垂直に整列させるドロップダウンとテキスト入力の2つのボタンを持っています。彼らはやっと1pxほど外れていますが、オフになっていて、ナッツを運転しています。ドロップダウンと入力ボタンを垂直に整列する

以下のコードを参照してください:

<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> 
+0

それはあなたのことだろうあなたのオプションテキストの前後にスペースがありますか?スペースを削除してみてください: ' James111

+0

Screenshot? Css?それ以外の場合、スニペットは中央に表示され、縦軸に沿って整列して表示されます。 – user454038

答えて

0

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

関連する問題