搜索框字段和搜索按钮不显示特定宽度的内联块

Question

我正在尝试使用媒体查询在特定屏幕宽度的同一行上显示搜索输入字段和搜索按钮。

CSS：      

    @@media (min-width: 768px) and (max-width: 826px) {

        .cascade-search-box {
            display: inline-block;
        }
    }    

</style>

HTML：

<div id="search" class="search-wrap">
@using (Html.BeginForm("ProductSearch", "StoreNav"))
{
    <div class="cascade-search-box">
    @Html.TextBox("searchString", "", new { id = "search-store-nav"})
        <button type="submit" value="Search" class="submit-button btn-custom" > Search </button>
        </div>
}

实际输出：

有谁能告诉我如何强制它在这些屏幕宽度上以相同的线条显示？

解决