小技巧：带分隔线左右布局的实现

<style type="text/css" >
* {padding:0;margin:0;}
body {font-size:12px;line-height:1.5em;}
a {color:#FFFFBF;text-decoration:none;}
a:hover {color:#FFFF77;text-decoration:underline;}
.wrap {width:350px;padding:10px;margin:30px auto;background: #132E35;color:#fff;overflow:hidden;zoom:1;-webkit-border-radius: 10px;-moz-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;box-shadow:0 0 3px #000000, 0 0 4px #000000, 0 0 3px #000000;-moz-box-shadow:0 0 3px #000000, 0 0 4px #000000, 0 0 3px #000000;-webkit-box-shadow:0 0 3px #000000, 0 0 4px #000000, 0 0 3px #000000;-khtml-box-shadow:0 0 3px #000000, 0 0 4px #000000, 0 0 3px #000000;}
.wrap h2 {font-size:14px;margin-bottom:5px;}
.wrap .pic {float:left;width:100px;padding-right:8px;margin-right:-1px;border-right:solid #425555 1px;}
.wrap .pic img {display:block;}
.wrap .content {float:left;width:233px;border-left:solid #425555 1px;text-indent:2em;padding-left:8px;color: #DCE4E4;}
</style>
<div class="wrap">
	<h2><a href="http://www.vfresh.org/" title="">粉丝站预测《暗黑3》第五职业 盗贼或将回归</a></h2>
	<div class="pic">
		<img src="http://www.vfresh.org/wp-content/uploads/2010/01/d3.png" alt="" title="" />
	</div>
	<div class="content">
		两个粉丝站的预测结果可算不谋而合，如果不出意料的话，暗黑3的第五职业可能是射手与盗贼的结合体。 <a href="http://www.vfresh.org/" title="">[详细内容]</a>
	</div>
</div>