Облегание текстом буквы на CSS

[Zloboff]

Вообщем нужно сверстать блок где все элементы должны быть текстом. Пример прикреплён к теме.

 

[thoth777]

Вообщем нужно сверстать блок где все элементы должны быть текстом. Пример прикреплён к теме.

как вариант
.letter {
 font-size: 220%; /* Размер шрифта буквицы */
 float: left; /* Выравнивание по левому краю */
 color: blue; /* Цвет буквицы */
 padding-right: 3px; /* Отступ между буквицей и текстом */
 line-height: 32px; /* Положение символа */ 
}

<p><span class="letter">П</span>роба буквицы</p>

тока так как у вас на картинке - не получится (диагонально). будет просто ровное облегание текстом.


а вот линк в помощь:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[cocacola]

Используйте 9 блоков и у вас получится!

Или к примеру 2 блока и 1 список из 7 пунктов для каждото li свой class или id - напрягите извилины!

 

[olen]

Специального тега для этого нет (по крайней мере такого, который поддерживался бы основными браузерами).
Как сказал cocacola, надо создавать отдельные дивы, прописывая им положение.

Но чтобы не мучаться руками, есть удобный сервис:

Для просмотра ссылки Войди или Зарегистрируйся

 

[mdss]

а нафига придумали псевдоэлементы? ))

<p class="first">А текст текст текст<br />текст текст текст<br />текст текст текст<br />текст текст текст<br />текст текст текст<br />текст текст текст<br />текст текст текст</p>

.first:first-letter {
  font-size:150px;
  float:left;
  margin-right:10px;
}