SOURCE

<div class="c-piece">
                <a href="">
                    <dl class="prev">
                        <dt>上一篇</dt>
                        <dd>林心如好友回应其怀孕传闻</dd>
                    </dl>
                </a>
                <a href="">
                    <dl class="next">
                        <dt>下一篇</dt>
                        <dd>林心如好友回应其怀孕传闻</dd>
                    </dl>
                </a>
            </div>

/* 上下篇 */
.c-piece{border-top:1px solid #eee; border-bottom: 1px solid #eee; background: #fff; padding:0 24px; overflow: hidden;}
.c-piece dl{ padding:10px 0 8px; box-sizing: border-box;}
.c-piece dl.prev{float: left; width:50%; padding-right: 20px;}
.c-piece dl.next{float: left;width:50%; border-left: 1px solid #eee; text-align: right; padding-left: 20px;}
.c-piece dl dt{font-size: 28px;}
.c-piece dl dd{font-size: 24px; height: 50px; line-height: 50px; overflow: hidden; color:#999;white-space:nowrap; text-overflow:ellipsis;}