Kendo ui 编辑器模板对齐两个组件

我有一个使用Telerik MVC网格的网格编辑器模板，在一个网格单元中有两个剑道ui组件。如何使它们相邻对齐（即并排）

我尝试了一些css，并将它们放置在div和align float中，但它们在单独的跨距中呈现，不确定如何将它们并排呈现。有什么想法吗

当前，搜索按钮位于自动完成文本框下方

@model object

@*@Html.Kendo().AutoComplete().Name("LocationSearch").Placeholder("Type in your search item . . ").Filter("startswith").BindTo(new string[] { "UK","USA","FR","ES","TR","RU","PT"}).Separator(",")*@

@(Html.Kendo().AutoComplete()
.Name("DepartmentSearch")
.Filter("startswith")
.Placeholder("Type in your search item")
    .DataSource(source =>
    {
        source.Read(read =>
        {
            read.Action("GetDepartments", "Home");

        })
        .ServerFiltering(false);

    })

)

@(Html.Kendo().Button()
    .Name("Search")
    .HtmlAttributes(new { type = "button", style="min-width:20px !important;"})
    .Content("...")
    )

---

autocomplete小部件是通过jquery在一个添加了内联宽度的范围中创建的，这是有效的$（“#DepartmentSearch”）.first（）.css（'width'，'65%”）

autocomplete小部件是通过jquery在一个添加了内联宽度的范围中创建的，这是有效的$（“#DepartmentSearch”）.first（）.css（'width'，'65%”）；