HTML，CSS - 與造型形式的問題

Question

我想問你的暗示，如何風格我的文字輸入和提交按鈕，這將是內聯，尤其是 - 我的模式看起來this：

與現實this

在代碼中，我有：

<form accept-charset="UTF-8" action="/home/index" method="post"> 
    <div style="margin:0;padding:0;display:inline"> 
    <input name="utf8" type="hidden" value="&#x2713;" /> 
    </div> 
    <input class="search" data-autocomplete="/home/autocomplete_produkties_nazev" id="name" name="nazev" type="text" value="" /> 
    <input src="/images/search_btn.jpg?1308243954" type="image" /> 
</form> 

而且在CSS：

input.search { 
    padding: 6px; 
    width: 500px; 
    font-size: 15px; 

    border: 2px solid #cfcfcf; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 

    background-image: url('/images/xxx.png'); 
    background-repeat: repeat-x; 
    height: 61px; 
} 

我想獲得和如何修復，即提交按鈕總是高於文本輸入按鈕...我不知道，哪裏可能是問題...可能是有人給我一些提示或提示，如何放置在同一行文本輸入和提交按鈕？

謝謝

Answer 1

你可以嘗試浮動左側的搜索輸入和提交按鈕右：http://jsfiddle.net/ianoxley/FEQhb/1/