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