●●●懂css+html來一下 想問一下排列問題

他的列表 文左 圖文在中
這種要怎麼用呢
我研究他的模板 還是搞不清楚
能否教一下 css+html這種排列
http://www.hrwst.com/?action-category-catid-2


<div class="column">
<div class="news_left">
            <div class="news_dh">

</div>
<div class="news_t">
<!--xxxxxx-->
<div class="newsleft_01">
            
<li> </li>
               
                <div class="fenye">
<div class="pages"><div><strong>1</strong><a href="/?action-category-catid-2-page-2">2</a><a class="next" href="/?action-category-catid-2-page-2">xxxxx</a></div></div>                    </div>
</div>
            
            <!--xxxxx-->
                        
            <div class="newsleft_02">
                    <ul>
            
<li>  </li>

                </ul>
            </div>
            
            
</div>
</div><!--col1 end-->

<div class="newsleft_01"> 左浮动 ，<div class="newsleft_02"> 右浮动，设置好 外面盒子的宽度，以及这两个 DIV 的宽度。

完成http://romostars.com ,但有個地方一直用不好
就是最右旁的排行圖標
照下面這樣改  一直會走位
<div class="newsright">
                       <div class="m_right01">
                    <div class="h02_left"></div>
                <div class="h02_right"></div>
                <!----ffffffff------>                    <h2>最新推薦</h2>
                <ul>
<li><span class="box_r">   </span><a href="/?action-viewnews-itemid-164"> </a></li>
</ul>
            </div>
            <div class="clear"></div>
</div><!--col2 end-->
</div><!--column end-->
<div class="clear"></div>

css

.newsright{float:right; width:260px;}
.m_right{float:right; width:262px; overflow:hidden}
.m_right01{float:right; position:relative; width:250px; height:250px;padding:5px; padding-top:1px; border:#b2bdc5 solid 1px; border-top:none; background:url(../images/h_bg.gif) repeat-x}
.m_right01 h2{text-align:left; line-height:25px; padding-left:15px; color:#fff}
.m_right01 ul{background:url(../images/number.gif) no-repeat 5px 8px; height:220px;padding-top:5px}
.m_right01 li{padding-left:25px; line-height:22px; height:22px; text-align:left}