web前段设计网页logo图片和搜索框怎么放在同一行？

阿诺·施瓦辛格

        <div class="search">
        <input class="txtSearch">
        <button>搜索</button>
        </div>

菜单
内容
次要内容
底部说明

        第一种变行级标签
            <div class="search">
                            <input class="txtSearch"   style=‘display：inline-block’>
                            <button style=‘display：inline-block’>搜索</button>
    </div>
            第二种使用弹性盒子， display：flex
            第三种使用浮动       ， float: left;

使用浮动，或者弹性盒子