html - 如何将 padding-left 添加到已经向右浮动的文本？

Question

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

我想在图片和文字之间添加 10px 的内边距。

文本当前向右浮动。当我尝试将 padding-left 放在其中一个 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;
}