html - 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;することができますli

デモ