Html 如何在同一行上定位下拉列表

我想将下拉列表元素并排放置在同一行上

目前看来是这样的：

标题
个人资料
-告诉我们你需要什么-
引用
样品请求
定制
支持
个人资料
类型
1.
2.
3.
4.
量
1.
2.
3.
4.
5.
6.
7.
8.
大小
1.
2.
3.
4.
测试
请上传一个截图。
细节
请在下面提供更多信息。

---

这是代码，这也是我想解决的另一个问题-jsfiddle.net/6ky3dw6s/

在css中查找

引用表单部分

，并将其更改如下：

.quote-form-section {
    margin: 15px 0 0 0;
    display: inline-block;
    float: left;
    width: 30%
}

---

看看bootstrap，这是最好的工具，它没有创建您自己的cssThanks，它工作了，但我现在的问题是对齐。它没有与其他字段正确对齐。这是一个截图-[img]

.quote-form-section {
    margin: 15px 0 0 0;
    display: inline-block;
    float: left;
    width: 30%
}