ul没有用css正确格式化

Question

尝试在asp.net mvc 4 app中创建一个列表，每个项目都有一个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;设置为li

demo