CSS水平方向中央選択メニューとラベル

Question

私はここにjsfiddleを持ってhttps://jsfiddle.net/z0yjvksg/38/

スーパーシンプルですが、その私を運転怒っ。

コンテナ（緑色のボックス）に選択メニューとラベル（赤色のボックス）を中央に配置するだけです。

実際にパディングや余白を追加しなくても、私が考えていることはすべて試しました。

.form{ 
     border: 1px solid green; 
     padding: 10px 0; 
    } 

    .search-form__by{ 
     border: 1px solid red; 
     display: inline-block; 
     margin: 0 auto; 
     //text-align: center: 

     label{ 
      float: left; 
      margin: 7px 10px 0 0; 
     } 

     select{ 
      width: 200px; 
     } 
    } 

Answer 1

にテキスト整列を追加フォームクラス。

.form{ 
    border: 1px solid green; 
    padding: 10px 0; 
    text-align:center; 
} 

完全なソリューション： https://jsfiddle.net/hs0bxyny/

Answer 2

は追加：

.row { 
    text-align:center; 
} 

jsFiddle example

それとも、ブートストラップを使用している場合は、行のdivにクラスtext-centerを追加します。<div class="row text-center">