html - HTML 文档中列的顶部不均匀

Question

我有一个 HTML <article>多列。第一列总是比其他列低 1/2 到 1 行。我试过去掉标题和其他所有东西以试图将其隔离，但显然我遗漏了一些东西。

<article id="Safety" style="padding-bottom: 40px;padding-top: 20px;padding-right:30px; padding-left: 50px;">
  <h3>Safety First: Prescription Safety Glasses</h3>
  <div style="column-count: 2; column-gap: 40px; padding-bottom: 20px; padding-right: 80px; ">
    <a href="https://my-benefits.ehr.com/US2/EN/myHealth/Vision/Pages/default.aspx" target="_blank"><img src="glasses.jpg" style="max-width: 100%; display: block; float: right; padding-left: 40px;"></a>
    <p>Some of my fellow eyeglass wearers may not be aware that Comcast will pay for you to have your prescription safety glasses fully covered! I recently became aware of this information and wanted to share it with all of you. Per our ComcastNow website,
      in the Vision Benefits SPD: Davis Vision will cover 100% of the cost, VSP- Safety Vision Glasses (Employee only) Coverage 100% after $20 copay; $75 Frame allowance. This helps us all, with the struggle of trying to wear two sets of glasses in order
      to see and be OSHA compliant while working in the field. More information can be found at <a href="https://my-benefits.ehr.com/US2/EN/myHealth/Vision/Pages/default.aspx">https://my-benefits.ehr.com/US2/EN/myHealth/Vision/Pages/default.aspx</a> regarding
      this great benefit. </p>
  </div>
  <a href="#contents" class="links">Back to Table of Contents</a>
</article>

Answer 1

您可以删除段落标记或向其添加 margin-top:0

<article id="Safety" style="padding-bottom: 40px;padding-top: 20px;padding-right:30px; padding-left: 50px;">
  <h3>Safety First: Prescription Safety Glasses</h3>
  <div style="column-count: 2; column-gap: 40px; padding-bottom: 20px; padding-right: 80px; ">
    <a href="https://my-benefits.ehr.com/US2/EN/myHealth/Vision/Pages/default.aspx" target="_blank"><img src="glasses.jpg" style="max-width: 100%; display: block; float: right; padding-left: 40px;"></a>
    <p style="margin-top:0">Some of my fellow eyeglass wearers may not be aware that Comcast will pay for you to have your prescription safety glasses fully covered! I recently became aware of this information and wanted to share it with all of you. Per our ComcastNow website,
      in the Vision Benefits SPD: Davis Vision will cover 100% of the cost, VSP- Safety Vision Glasses (Employee only) Coverage 100% after $20 copay; $75 Frame allowance. This helps us all, with the struggle of trying to wear two sets of glasses in order
      to see and be OSHA compliant while working in the field. More information can be found at <a href="https://my-benefits.ehr.com/US2/EN/myHealth/Vision/Pages/default.aspx">https://my-benefits.ehr.com/US2/EN/myHealth/Vision/Pages/default.aspx</a> regarding
      this great benefit. </p>
  </div>
  <a href="#contents" class="links">Back to Table of Contents</a>
</article>