一个排版，不知道怎么做

一个排版，不知道如何做。
一个排版，不知道怎么做

就是不能平行。

<div class="mbar part2" style="float:left; width:300px;">
        <h4> <span class="ftl">公司资讯</span> <span class="more"> <a href="/"> 更多>> </a> </span> <div class="clear"></div></h4>
       <ul class="notice" id="News" runat="server">
        <li><a href="News/ShowNews.aspx?ID=70"><span class="txt">公司官方网站国家工信部审批通过公告</span></a></li>
<li><a href="News/ShowNews.aspx?ID=70"><span class="txt">公司官方网站国家工信部审批通过公告</span></a></li>
<li><a href="News/ShowNews.aspx?ID=70"><span class="txt">公司官方网站国家工信部审批通过公告</span></a></li>
<li><a href="News/ShowNews.aspx?ID=70"><span class="txt">公司官方网站国家工信部审批通过公告</span></a></li>
       </ul>


      </div>
      <div class="mbar2 part4" style=" width:300px;">
        <h4> <span class="ftl">行业动态</span> <span class="more"> <a href="/"> 更多>> </a> </span> <div class="clear"></div></h4>
       <ul class="notice" id="Ul1" runat="server">
       <li><a href="News/ShowNews.aspx?ID=70"><span class="txt">公司官方网站国家工信部审批通过公告</span></a></li>
       <li><a href="News/ShowNews.aspx?ID=70"><span class="txt">公司官方网站国家工信部审批通过公告</span></a></li>
       <li><a href="News/ShowNews.aspx?ID=70"><span class="txt">公司官方网站国家工信部审批通过公告</span></a></li>
       <li><a href="News/ShowNews.aspx?ID=70"><span class="txt">公司官方网站国家工信部审批通过公告</span></a></li>
       </ul>
      </div>



.mbar{width:auto; height:auto; clear:both; overflow: hidden; margin:10px 0;}

.mbar p{ border:0px solid #ccc; text-align:left; line-height:26px;}

.mbar a{ margin:0px 10px 0px 0px;}

.mbar a:hover{color:#505050;}

.mbar .services{height:150px; width:227px; overflow:hidden;}

.mbar .services a{margin:0;}

.mbar .tel{background: url("../images/icon_11.jpg") no-repeat 0 center;height:35px; width:auto;border:0px solid #ccc; display:block; text-indent:20px;}

.mbar .more {font-size:12px;font-weight:normal;float:right;}

.mbar hr{ width:96%; border-top: 1px solid #ccc; height:0px; margin:0px auto 0px auto; color:#0099cc;}

/*最新动态*/

.mbar .notice{text-align:center; margin:2px 0px 0px 1px;}

.mbar .notice li { text-align:left;padding-left:10px;line-height:24px;height:24px;width:220px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}

.mbar .notice span {float:left;display:block;}

.mbar .notice .txt {max-width:158px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-right:1px;}

.mbar .notice .new{background:url("../images/new01.gif") no-repeat;width:30px;height:11px;margin-top:5px;}

.mbar .notice .sameBtn{margin-top:20px;}

/*最新动态2*/

.mbar2 .notice{text-align:center; margin:2px 0px 0px 1px;}

.mbar2 .notice li { text-align:left;padding-left:10px;line-height:24px;height:24px;width:220px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}

.mbar2 .notice span {float:left;display:block;}

.mbar2 .notice .txt {max-width:158px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-right:1px;}

.mbar2 .notice .new{background:url("../images/new01.gif") no-repeat;width:30px;height:11px;margin-top:5px;}

.mbar2 .notice .sameBtn{margin-top:20px;}

.mbar2{width:auto; height:200px;  overflow: hidden; margin:10px 0;}

.mbar2 p{ border:0px solid #ccc; text-align:left; line-height:26px;}

.mbar2 a{ margin:0px 10px 0px 0px;}

.mbar2 a:hover{color:#505050;}

.mbar2 .services{height:150px; width:227px; overflow:hidden;}

.mbar2 .services a{margin:0;}

.mbar2 .tel{background: url("../images/icon_11.jpg") no-repeat 0 center;height:35px; width:auto;border:0px solid #ccc; display:block; text-indent:20px;}

.mbar2 .more {font-size:12px;font-weight:normal;float:right;}

.mbar2 hr{ width:96%; border-top: 1px solid #ccc; height:0px; margin:0px auto 0px auto; color:#0099cc;}

一个排版，不知道怎么做

相关推荐