如何控制h3下面空白的宽度？

如何控制h3下面空白的宽度？

<ul class="list_box ">
<li>
　　　　　<img src="image_person/person_1.jpg" alt="">
<h3>石光荣</h3>
<p>63岁，研究员，毕业于清华大学化学系。现任公司第五届董事会董事长。1998年至今，...</p>
</li>
</ul>



.list_box{ overflow:hidden;}
.list_box li{list-style-type:none; margin-bottom:12px; line-height:0;clear:both; overflow:hidden;}
.list_box h3{ font-size:14px;}
.list_box img{ margin-right:9px; border:1px solid #ddd; float:left;display:inline;}
.list_box p{ line-height:21px;display:inline;}
---------------
通过设置 h3的line-height,如果数值小到一定程度，该设置不再起作用。
上面的“石光荣”下面仍然有很宽的空白。

h3{ margin-bottom:0px;}

CSS code

.list_box h3{
   margin:0 auto;
}