❐<ul class="x-list x-list-line x-articlelist">
    <li class="x-media">
        <div class="x-media-header">
            <a href="###"><img alt="作者头像" src="../../../assets/resources/avatar.png" height="45" width="45"></a>
        </div>
        <div class="x-media-body">
            <h4><a href="###">标题标题标题标题标题标题标题</a></h4>
            <small><a href="###">我是作者</a> 发表于 2013/3/3</small>
            <p>
                右侧是很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的文字...
            </p>
        </div>
    </li>
    <li class="x-media">
        <div class="x-media-header">
            <a href="###"><img alt="作者头像" src="../../../assets/resources/avatar.png" height="45" width="45"></a>
        </div>
        <div class="x-media-body">
            <h4><a href="###">标题标题标题标题标题标题标题</a></h4>
            <small><a href="###">我是作者</a> 发表于 2013/3/3</small>
            <p class="small">
                右侧是很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的文字
            </p>
        </div>
    </li>
</ul>