Задать вопрос
railiqwan
@railiqwan
Я просто провожу здесь время.

Как выровнять инициал средствами CSS?

d300e9b39ccd4b089caf96be89d2d9b3.jpg

Помогите пожалуйста. Что нужно сделать чтобы "некрасиво" отмеченное красным, стало бы "красиво" как отмеченное зеленым? Основ знания мне хватило чтобы в готовом коде выравнивать инициал более менее если абзац большой, но если абзац короткий и инициал рядом с началом следующего, то все время получается вот такая красная лажа.

span.dropcaps {
    font-family: "dropcaps";
    font-size: 4.50em;
    float: left;
    margin-top: -.15em;
    margin-bottom: -.3em;
    margin-right: 10px;
}

p.dropcaps {
    text-indent: 0;
}


UPD
line-height большой
да введение его в комбинацию помогает. Главное не переборщить с "большой".
  • Вопрос задан
  • 133 просмотра
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
задай ему line-height большой
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
dbmast.ru/snippet-bukvica-v-tekste-s-pomoshhyu-css
И по русски такая буква называется не "инициал", а буквица.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽
Data Directs Тель-Авив
от 350 000 ₽