<div class="index-menu">

        <div class="public-container menu-title">The menu</div>

        <div class="public-container menu-list">

        <ul class="clearfloat">

            <li class="menu-item clearfloat">

                <div class="title">

                <h4>Voluptate cillum fugiat</h4>

                <p class="comment">Cheese, tomato, mushrooms, onions.</p>

                 </div>

                 <div class="line"></div>

                <div class="price">$50</div>

             </li>

.menu-list{

    overflow:hidden;

    margin-top:81px;

    } 

.menu-list ul{

     width:1160px;

}

.menu-item{

    float:left;

    width:520px;

    margin-left:60px;

    margin-bottom:61px;

}

.title,.line{

    float:left;

}

.title{

    width:230px;

    overflow:hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

}

.comment{

    color:#b7b7b7;

    margin-top:10px;

}

.price{

    float:right;

}

把代码都发上来吧