Oberseite der Spalten ungleich in HTML-Dokument

Question

Ich habe ein HTML <article> mit mehreren Spalten. Die erste Spalte ist immer 1/2 bis 1 Reihe niedriger als die anderen. Ich habe versucht, die Überschrift loszuwerden, und alles andere, um es zu isolieren, aber mir fehlt offensichtlich etwas.

<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

Sie können entweder den Absatz-Tag entfernen oder hinzufügen margin-top:0 es

<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>

Answer 2

eine Marge von 0 bis Ihr Absatzelement hinzufügen.

p { margin: 0}