html - 我的 DIV 不会与之前的 DIV css 内联显示

Question

我的网站中有 2 个 div，我希望它们在移动视图中彼此内联。但似乎我的 2 个 div 不会相互对齐。

        <div class="select-form-1">
            <span>전체검색&lt;/span>
        </div>
        <div class="input-search">
            <input type="text" class="search" placeholder="검색어를 입력하세요.">
        </div>

这些是我的 2 个 div。第一个是选择框，另一个是输入字段。

.input-search {
    display: inline;
}
.select-form-1 {
    display: block;
    margin-top: 11px;
}

在我的媒体查询中，它不会相互对齐。

标签： html

Answer 1

只需将display: block;您.select-form-1班级上的属性替换为display: inline;：

.select-form-1 {
    display: inline;
    margin-top: 11px;
}