CSS在一行4个字段中排列

Question

我需要帮助才能将字段排成一行。现在，每个字段都会创建新行。 css代码如下。

.STSearch [type="text"],

.STSearch select {
    width: 100%;
    max-width: 100%;
}

.STSearch [type="checkbox"],
.STSearch [type="radio"] {
    margin: 5px 0;

}

.STSearch [type="checkbox"] + label,
.STSearch [type="radio"] + label {
    display: inline-block;
    margin: 5px 0 5px 5px;
    vertical-align: middle;

}

.STSearch .stslide .STSearchLabel  label:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #666;
    margin-bottom: .2em;
    margin-left: .2em;
    vertical-align: left;
    display: inline-block;

} 

现在结果是每个字段都在新行

感谢您的帮助