Удаление лишнего пробела при использовании первой буквы

Question

Когда я делаю первую букву абзаца больше, чем остальная часть текста, она добавляет дополнительные пробелы под первой строкой. Есть ли трюк/взлом для удаления этого пробела? Я попытался отступы и поля на р :: первой линии без толку

p{ line-height: 1.4; } 
p::first-letter { font-size: 450%; } 

См codepen здесь: http://codepen.io/anon/pen/GgGRjE

Answer 1

p::first-letter { 
    font-size: 450%; 
    line-height: 0em; 
} 

Answer 2

вы можете сбросить vertical-align или/и line-height:

p{ 
 
    line-height: 1.4; 
 
} 
 
p::first-letter { 
 
    font-size: 450%; 
 
    vertical-align:bottom; 
 
    line-height:0.5em; 
 
    
 
}

<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem </p>

Answer 3

Попробуйте следующее:

p::first-letter { 
    font-size: 450%; 
    line-height:60%; 
}