CSS: первая буква обрезается на границе абзаца

Question

У меня проблема с моими заглушками.Пожалуйста, взгляните на эту страницу http://www.madebypaz.com/portfolio/interaction/user-centred-design

: первая буква обрезается вверху в веб-наборе, Firefox подталкивает ее вниз по строке.Можете ли вы дать несколько советов, как это исправить, чтобы оно охватывало только две линии и не обрезалось сверху?

Любые указатели очень ценятся.

Answer 1

Проблема в этом правиле:

.single-item .post-body p + p + p::first-letter,
article.blog .single-item.text p + p::first-letter { ... }

Проблемными свойствами являются высота строки и высота. Я обнаружил, что эти значения работают:

line-height: 1em;
height: 0.7em;

Однако, это приведет к тому, что он будет занимать 3 строки ...