如何並排放置一組 div 元素？

Question

我在一個表單中放置了兩個 div 元素。 我的目標是將第二個 div“App”與“Status”div 並排放置，如下面的模型所示：

到目前為止，我嘗試過以下操作，設置align="right"將 div 定位在最右側。

我還嘗試設置style="margin-left:將第二個 div 放在第一個 div 的下方和太遠的右側。

題：

有誰知道我可以一邊與第一格放置第二個div的線和面？

表單標記：

      <form action="" method="post">
                <div class="form-horizontal">
                    <div class="col-lg-6">


                            <!-- SELECT STATUS STATIC-->
                            <div class="form-group">
                                <label class="col-md-3 control-label" for="Current Status">Status</label>
                                <div class="col-md-8">
                                    <select id="Status" name="Status" onchange="" class=" form-control">
                                        <option value="Down">Down</option>
                                        <option value="Up">Up</option>
                                    </select>
                                </div>
                            </div>


                            <!-- SELECT APP STATIC-->
                            <div class="form-group">
                                <label class="col-md-3 control-label"  for="App">App</label>
                                <div class="col-md-8" >
                                    <select id="App" name="App" onchange="" class=" form-control">
                                        <option value="SAP">SAP</option>
                                        <option value="JAP">JAP</option>
                                    </select>
                                </div>
                            </div>

                    </div>
                </div>
            </form>            <!--END OF FORM ^^-->

Answer 1

您可以將兩個 div 都設置為顯示：inline-block。

.form-group {
  display: inline-block;
}