奇怪的對齊問題

Question

如果你看看這裏是下面的代碼供將來參考。

<h1>Accreditations</h1> 
<p> 
<strong> 
    <a href="BRCCertificateE.PDF"> 
    <img src="images/brc.png" width="150" height="60" 
    border="0" />BRC Standard</a> 
</strong> 
<br />The British Retail Consortium (BRC) Global Standard for 
Packaging has been developed to set out hygiene and quality 
requirements for packaging manufacturers</p> 
<div> 
    <strong> 
    <a href="9001certificate.pdf"> 
    <img src="images/iso.png" alt="" width="150" height="60" 
    border="0" />ISO900</a> 
    </strong> 
    <a href="#"> 
    <strong>1</strong> 
    </a> 
    <strong>:2008</strong> 
    <br /> 
    <p>is a recognised quality management standard that we use to 
    ensure we manufacture all of our products to the highest 
    standards.</p> 
    <p> 
    <strong> 
    <a href="FSC Certificate.pdf"> 
    <img src="images/fsc.png" width="150" height="60" border="0" /> 
    </a>FSC</strong> 
    <strong>Chain of Custody</strong> 
    <br />The Forestry Stewardship Council (FSC) monitors the use of 
    timber in paper and board based products, ensuring that material 
    used is coming from areas of forest that are managed responsibly. 
    The FSC Chain of Custody certification tracks the FSC certified 
    material through the production processes all the way to the 
    store.</p> 
    <p> 
    <strong>Environmental issues</strong> 
    <br />These have to be at the top of the agenda for the customer 
    and for the packaging producer. We believe that cartonboard 
    represents the most environmentally friendly form of packaging 
    available due to the consumer being able to recycle 100% of the 
    product.</p> 
</div> 

感謝您的天才想到

Answer 1

這是因爲第二個鏈接中的圖像是float: left，影響下方的文檔流。

解決它最徹底的方法是

clear: both 

添加到包着第三項<p>元素。

Answer 2

的屬性添加到您的FSC鏈接任何幫助

style="display: block; width: 60px;" 

Answer 3

在<p>它上面的填充是沒有大到足以破壞圖像下方。所以受影響的<p>實際上依然在它上面的<p>的圖像旁邊。