图像未对齐 - 怎么了？

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 title="Fraud Dishonesty Theft Case Studies" href="/criminal-law/case-studies/fraud-dishonesty-theft-offences">

该元素的底部边距为 5 像素。如果你删除这 5 个像素，你可能会让东西对齐！

Answer 2

您忘记关闭 <a> 标签。

在第一项的第三行你有：

Fraud, Theft & Dishonesty</h5>

应该是：

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

图像未对齐 - 怎么了？

Images Not Aligned - What's Wrong?

image

alignment

css-float