Как задать стиль первой букве в?

Question

[Евгений Гайдуков]

Всем салют!
Народ, сломал голову, как первую букву "опустить" вниз как на скрине?

Answer 1

[Adamos]

google: Буквица + css = htmlbook.ru/blog/bukvica

Comments

[Евгений Гайдуков]

спасибо, дружище!

Answer 2

[Ilya Muromtsev]

на скриншоте скорее всего картинка отекается текстом

Answer 3

[Stalker_RED]

Eugene Chefranov вам правильную ссылку дал
https://developer.mozilla.org/ru/docs/Web/CSS/::fi...

Answer 4

[Eugene Chefranov]

https://developer.mozilla.org/ru/docs/Web/CSS/::fi...

Comments

[Евгений Гайдуков]

спасибо, но не то, это я и сам сделал))

[Stalker_RED]

Евгений Гайдуков, почему не то? Если сам сделал, то в чем смысл вопроса?

[Eugene Chefranov]

Евгений Гайдуков, так дайте float епт)

p::first-letter {
    font-size: 3em; /* Размер буквицы */
    padding: 3px; /* Поля вокруг первой буквы */
    margin-right: 5px; /* Отступ справа */
    color: #e7685d; /* Цвет буквицы  */
    float: left; /* Обтекание по правому краю */
    line-height: 0.33em; /* Положение относительно текста */
   }
   p { clear: left; }

<p>Жил однажды бедный человек, и было у него сыновей 
  что дырочек в сите, даже на одного больше. Днем и ночью горевал 
  бедняга: что ему делать с детьми, очень уж много их, не перечесть. 
  Никак не мог он придумать столько ремесел, чтобы каждому что-нибудь 
  другое досталось.</p>