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; }