如何將填充左側添加到已經浮動的文本右側？

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; 
}