Wie entferne ich den Raum unter p Elemente in Outlook 2010?

Question

Aus irgendeinem Grund gibt es etwa 20 Pixel unerwünschten Speicherplatz unter meinem p Element in Outlook 2010, obwohl dieses bestimmte Element tatsächlich keinen Rand oder Padding angewendet hat.

Wie entferne ich diesen zusätzlichen Platz?

Hinweis: Der Text im p-Element muss zentriert werden, weshalb ich es in p-Tags umwandele - ich benutze Foundation For E-Mails, die damit zentriert behandelt.

Answer 1

Inline die margin und padding CSS für jeden <p> Tag, etwa so:

<p style="margin: 0; padding: 0;">paragraph 1</p> 
<p style="margin: 0; padding: 0;">paragraph 1</p> 
<p style="margin: 0; padding: 0;">paragraph 1</p> 

Alternativ, wenn es eine Option, es sicherer ist weg in E-Mail-Design von <p> Tags zu bleiben, weil E-Mail-Clients sie macht so anders. Scheint hacky, aber unter Verwendung von <br> s wird oft die Arbeit erledigt:

paragraph 1 text. 
<br><br> 
paragraph 2 text. 
<br><br> 
paragraph 3 text with no <br>'s after it. 

Answer 2

On Chrome:

-webkit-margin-before: 0em; 
-webkit-margin-after: 0em;