html+css图片和文字的布局

问题：涉及图片和文字的布局
思路：利用浮动的盒子不会压住标准流文字，文字是环绕图片的特性进行排列的。

效果图：

1.html结构

   <div>
			<div class="pic"></div>
			<h5>正品保障</h5>
			<p>正品保障，提供发票</p>
  </div>

2.CSS样式

	
		div .pic{
		float: left;
		width: 49px;
		height: 49px;
		background-color: #c81623;
		margin-right: 7px;
		}
		
		div h5 {
		margin-top: 5px;
		font-size: 14px;
		line-height: 20px;
		color: #333333;
		}
		div p{
		margin-top: 3px;
		font-family: SimSun;
		font-size: 12px;