jQuery用戶界面自動完成佈局/ CSS

Question

我有一個CSS問題與jQuery/jQuery用戶界面/自動完成

<script type="text/javascript"> 
    $(function() { 
    $("#search").autocomplete({ 
    source: "autocomplete.php", 
    minLength: 2, 
    select: function(event, ui) { 
     window.location.href = "http://site.com/" + ui.item.id + ".html"; 
     $("#search").val(ui.item.label); 
    } 
    }) 

    .data("autocomplete")._renderItem = function (ul, item) { 
     return $('<li class="ui-menu-item-with-icon"></li>') 
     .data("item.autocomplete", item) 
     .append('<a style="height: 50px;" class="ui-corner-all"><img src="thumb.php?img=' + item.img + '" class="ajaxsearchimage">' + item.label + '</a>') 
     .appendTo(ul); 
    }; 
    }); 
    </script> 
    <style> 
    span.searchicon 
    { 
     display: inline-block; 
     height: 50px; 
     width: 50px; 
    } 

    .ajaxsearchtext 
    { 
     padding-left: 60px; 
     display: inline-block; 
    } 
    </style> 

我想對齊頂部 我tryed把垂直對齊文本：在頂部班，但它不工作。

http://imageshack.us/photo/my-images/4/sansrer.png/

是否有人有辦法解決嗎？

問候

Answer 1

你需要的屬性應用到圖像

img {vertical-align:text-top;} 

爲例 http://www.w3schools.com/css/tryit.asp?filename=trycss_vertical-align

UPDATE

根據意見，我建議像浮出左邊將是解決方案。

img.SelectedClass { float: left; }