圖像未對齊 - 錯在哪裏？

Question

我找不出在這page的第三排中造成圖像不對齊的原因。下面是代碼（只爲第3行雖然）：

<div class="one-fourth" style="float:left;"> 
<center><a href="/criminal-law/case-studies/fraud-dishonesty-theft-offences"><img src="/wp-content/uploads/2013/10/fraud-theft-case-studies-150x150.jpg" alt="fraud &amp; theft case studies" width="150" height="150" /></a> 
<h5><a title="Fraud Dishonesty Theft Case Studies" href="/criminal-law/case-studies/fraud-dishonesty-theft-offences">Fraud, Theft & Dishonesty</h5></center> 
</div> 

<div class="one-fourth" style="float:left;"> 
<center><a href="/criminal-law/case-studies/murder-manslaughter-offences"><img src="/wp-content/uploads/2013/10/murder-manslaughter-case-studies-150x150.jpg" alt="murder &amp; manslaughter case studies" width="150" height="150" /></a> 
<h5><a title="Murder &amp; Manslaughter Case Studies" href="/criminal-law/case-studies/murder-manslaughter-offences">Murder 
Manslaughter</a></h5></center> 
</div> 

<div class="one-fourth" style="float:left;"> 
<center><a href="/criminal-law/case-studies/perjury-offences"><img src="/wp-content/uploads/2013/10/perjury-case-studies-150x150.jpg" alt="perjury case studies" width="150" height="150" /></a> 
<h5><a title="Perjury Case Studies" href="/criminal-law/case-studies/perjury-offences">Perjury 
Offences</a></h5></center> 
</div> 

我已經通過第n次的代碼運行，但我看不出有什麼不妥。

任何人都可以放光？

Answer 1

您忘記關閉<a>標記。

在第一項的第三行你必須：

Fraud, Theft & Dishonesty</h5> 

它應該是：

Fraud, Theft & Dishonesty</a></h5> 

Answer 2

好吧，你說得有道理：

<a title="Fraud Dishonesty Theft Case Studies" href="/criminal-law/case-studies/fraud-dishonesty-theft-offences"> 

該元素具有5像素的邊距。如果你刪除這5個像素，你可能會得到一致的東西！