如何将填充左侧添加到已经浮动的文本右侧？

Question

链接：http://neilson.webege.com/principals.html

我想在图片和文本之间添加10px的填充。

该文本目前正在浮动。当我试图在其中一个P类中填充填充物时，没有任何变化。

任何提示？

<div class="eachprincipal"> 
<img src="images/principalpic.jpg" style="float:left;padding-right: 10px;"> 
<br> 
<br> 
<p style="float:right"> 
</p><p class="principalname"> Jack Zakariaie, J.D. </p> 
<br> 
<p class="principaldescription"> Jack of the house Zakariaie, the First of his Name, King of the Andals and the Rhoynar and the First Men, Lord of the Seven Kingdoms and Protector of the Realm has fed all the starving children in the world by causing photosynthesis in farm plants by reflecting light off his bald head.</p><p></p> 
</div> 

Answer 1

你正在做它的方式，填充应添加到图像，而不是段落。

.eachprincipal > img { 
    padding-right: 10px; 
}