为什么不能对齐?

HTML:

#content {
	padding-right:: 0px;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-top: 0px
	vertical-align:top
}

.feature {
	margin-bottom: 2em;
	width: 400px
}

.feature h1 {
	font-weight: 300;
	font-size: 1.5em;
	margin: 0px 0px 10px;
}

.feature h2 {
	font-size: 1.3em;
	margin-bottom: 0px;
}

.feature img {
	float: left;
	margin-right: 15px;
}

.feature p {
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px
	display: block;
}

HTML:

<div class="feature">
<img src="/images/free_icon.jpg" alt="" />
<p>
<h2>好书推荐《网站重构》</h2>
内容简介：这是一本推广web标准概念的书。它分析了现有表格布局方法的缺点以及“Web标准”思想的产生、发展和推广过程，并通过一个简单的网站实例告诉你如何向Web标准过渡，如何进行CSS布局等。此书第一版6000册售完，第二版已经面市。
</p>
</div>

我想要的效果是
http://www.chinahtml.com/
首页的新闻资讯 “2005 年互联网10大新闻”

那个图标+简介，无论简介多长，都对齐，不突出到图标外

 

我就是要不挤出来的方法啊:cry: