ul未正确格式化为css

Question

尝试在asp.net mvc 4应用程序中为每个项目创建一个列表img，链接到商店，每行地址 有一些CSS样式规则，但现在它全部填充： http://jsfiddle.net/tmmW3/

的CSS的片段：

ul#TopShops 
{ 
    list-style-type: none; 
} 

ul#TopShops small 
{ 
    font-size:10px; 
    padding:1px; 
} 

li { 
    position:relative; 
    padding:1px; 
} 

剃刀：

<ul id="TopShops"> 

     @foreach (var item in Model) 
     { 
      <li> 
       <h3> 
        <a href="@item.url">@item.name</a> 
        <a href="@item.url"><img src="@item.imagename" /></a> 
        <small>@item.address</small> 

       </h3> 
      </li> 
     } 
    </ul> 

Answer 1

您可以设置display: table-row;给你[R li

demo