武林網(www.companysz.com)文章簡介：div+css布局實例:常用圖文混排--搜狐圖文.

搜狐新聞中心，左邊欄圖文列表：
  

     圖文html結構：

 程序代碼

<div class="picTextGroup">
     <p>
           <a href="" alt""><img src="圖片"/></a>
           <span class="title"><a href="" alt"">大標題</a></span></br>
           文字介紹內容....            
           <span class=moreT>[<a href="" target=_blank>詳細</a>]</span>
     </p>
</div>

看具體演示效果：

[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]