CSS------ul与div如何排成一行

如图：

代码：(需要给div的float属性设置为left)

<div style="margin-top:10px">
　　<div style="float:left;width:30px;height:60px;background-color:#aaa"><</div>
　　<ul>
　　　　@foreach (ProductImage item in ViewBag.ProductImages)
　　　　{
　　　　　　<li style="display:inline-block;border:1px solid #bce8f1">
　　　　　　　　<img src="/upload/store/@ViewBag.StoreId/product/show/thumb60_60/@item.showimg" />
　　　　　　</li>                
　　　　}
　　</ul>
</div>