html - 如何对齐搜索框旁边的按钮

Question

我正在尝试将搜索按钮对齐到搜索框旁边，但按钮似乎在下方。这是我得到的:

        <form action="{linkto page="search.php"}" method="get" id="searchFormTest">
           <input type="text" id="searchPhrase" name="searchPhrase" class="searchInputBox" value="{$lang.enterKeywords}" placeholder="Suchbegriff oder Bildnummer">
              <div style="display: inline;">
                <button type="submit" value="Submit">
                  <i style="font-size: 40px;" class="fa fa-search" aria-hidden="true"></i>
               </button>
              </div>
        </form>

Answer 1

将您的搜索输入 float 到左侧，将您的提交按钮 float 到左侧。准备好。

input[type="search"],
button {
    float: left;
}