Блог

У меня есть 2 абзаца в виде

 <p style="color:#333333; line-height: 20px; font-size: 16px; font-family: Helvetica, Arial, sans-serif; font-weight:bold; margin:0; padding:0; text-align: left;">Title of para</p>

 <p style="color:#767676; line-height: 20px; font-size: 12px; font-family: Helvetica, Arial, sans-serif;  text-align: left; margin-bottom: 1cm;  margin-top:0; padding:0;">Text</p>
  

Я хочу, чтобы между двумя абзацами было 0 пробелов, но в то же время было некоторое фиксированное пространство в верхней части 1-го абзаца и в нижней части второго абзаца.

Я создаю электронное письмо в формате html, отсюда и встроенные стили. В некоторых клиентах это работает нормально. Но в entourage и gmail пробел между двумя абзацами не исчезает. 🙁

http://jsfiddle.net/jnuHD/

Я добавил

 height:12px;
  

к первому абзацу. Кажется, работает.

Я предполагаю, что некоторые встроенные стили в Gmail переопределяют установленные вами поля и отступы. Вы пробовали добавить !important флаг к их значениям и посмотреть, помогает ли это?

Добавление некоторого цвета фона показывает, что проблема находится внутри тегов p, а не между ними

http://jsfiddle.net/hs3A2/

Вам нужен стиль высоты строки? если нет, то следующее уменьшает интервал:

http://jsfiddle.net/UTZ8y/

Вы также можете использовать высоту строки, чтобы еще больше уменьшить интервал: http://jsfiddle.net/99zcM/1 /

Сохраняя высоту строки, вы можете использовать позиционирование для регулировки «интервала»:

 <div style="position:relative;">
 <p style="line-height: 20px; font-size: 16px; 
     font-family: Helvetica, Arial, sans-serif; font-weight:bold; 
     margin:0; padding:0; text-align: left;">Title of para
 </p>

 <p style="color:#767676; line-height: 20px; font-size: 12px;
     font-family: Helvetica, Arial, sans-serif;  text-align: left; 
     margin-bottom: 1cm;  margin-top:0; padding:0;
     position:relative;top:-5px;">Text</p>
</div>
  

Смотрите, как это работает здесь: http://jsfiddle.net/Md9Na /

Я не уверен, насколько хорошо это будет работать на различных почтовых клиентах, и остерегайтесь дублирования