选择输入不会在表格内对齐

Question

我想对齐彼此旁边的输入，这些选择输入位于表格行内。相反，他们一直在堆叠在一起，任何想法为什么？（细胞内有足够的空间）

                    <div class="spantoolbar">
                        <div class="styled-select">
                            <select style=" font-size: 12px;">
                                <option>option 1</option>
                                <option>option 2</option>
                            </select>
                        </div>
                        <div class="styled-select">
                            <select style="font-size: 12px;" >
                                <option>option 1</option>
                                <option>option 2</option>
                            </select>
                        </div>
                    </div>

Answer 1

将float:left;放在两个班级中。

Answer 2

默认情况下，div为display:block，意味着后续项目将被置于其下。正如srijan在评论中所说，您需要将display:inline;添加到css中的“styled-select”类，或使用span代替div。