list view 自动占满正行不换行

by shengoo

HTML

<ul>
    <li> 
        <a>
            <span style="float:right;margin-right:30px;">2014-09-25</span>
            <span class="news-list-title">修正-中国个股：浦发年内拟发行150亿优先股，计划降低公司业务的营收占比,计划降低公司业务的营收占比</span>
        </a>
    </li>
    <li> 
        <a>
            <span style="float:right;margin-right:30px;">2014-09-25</span>
            <span class="news-list-title">中国金融：银行不良贷款源正由中小企业向中大型企业蔓延--普华永道</span>
        </a>
    </li>
    <li> 
        <a>
            <span style="float:right;margin-right:30px;">2014-09-25</span>
            <span class="news-list-title">中国金融：银行不良贷款源正由中小企业向中大型企业蔓延--普华永道</span>
        </a>
    </li>
    <li> 
        <a>
            <span style="float:right;margin-right:30px;">2014-09-25</span>
            <span class="news-list-title">中国金融：银行不良贷款源正由中小企业向中大型企业蔓延--普华永道</span>
        </a>
    </li>
</ul>

CSS

.news-list-title {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}
li{
    border-bottom: #e3e3e3 solid 1px;
padding: 5px 0px;
display: block;
font-size: 12px;
color: #333333;
width: 100%;
}