0

Есть:

  1. Блок с относительным позиционированием;
  2. В нём картинка;
  3. Также в нём дочерний блок с абсолютным позиционированием и текстом.

Нужно, чтобы текст был справа снизу картинки. Сделать это просто, но вот засечки на некоторых буквах выходят за пределы рамки. Не хочется свойствам bottom и right добавлять пиксели и transform применять, а также менять шрифт. Есть ли другой выход?

вот

<div class="image">
    <img src="https://im.wampi.ru/2022/11/27/bpv.jpg">         
    <div class="dishes">Утварь</div>
</div>

.image {
  position: relative;
}
.dishes {
  position: absolute;  
  bottom: 0;
  right: 0;
}
3
  • Свойство line-height подойдёт?
    – Gene Erbin
    1 дек 2022 в 18:08
  • задать картинке display: block. Классика.
    – Alexey Ten
    1 дек 2022 в 18:37
  • Да, спс, помогло с display: block
    – Kolenbass
    1 дек 2022 в 19:40

0

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Посмотрите другие вопросы с метками или задайте свой вопрос.