easyui-searchbox not aligned with easyui-linkbutton in a toolbar

[volodias]

Hello!

Can't get thru the problem of placing easyui-searchbox after three easyui-linkbuttons in my toolbar. The buttons are aligned to the bottom of the div and the searchbox is to top. If I use any input field instead of easy-search component - everything is aligned and looks good.

Looks urgly this
<div id="usr-tbar">
   <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="addUsrRecord()">Add</a>
   <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editUsrRecord()">Edit</a>
   <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="removeUsrRecord()">Delete</a>
   <input id="ss" class="easyui-searchbox" style="width:300px" data-options="prompt:'Please Input Value'"></input>
</div>

Looks good this
<div id="usr-tbar">
   <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="addUsrRecord()">Add</a>
   <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editUsrRecord()">Edit</a>
   <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="removeUsrRecord()">Delete</a>
   <input id="ss" ></input>
</div>


Greetings.

[stworthy]

Try adding 'vertical-align' style to the searchbox.

Code:

<style>
	.searchbox{
		vertical-align:middle;
	}
</style>

[volodias]

Thank you! It helped.