NAHB
@NAHB

Как адекватно исправить большую высоту строки, вызванную свойством font-size?

Делаю кавычки вокруг цитаты и хочу спозиционировать их с помощью top: 0 / bottom: 0 / left: 0 / right: 0. Несколько раз уже сталкиваюсь с проблемой, когда font-size так влияет на высоту, но не знаю что делать. Нужно чтобы высота соответствовала визуальной высоте кавычек.

JSFiddle

<div class="testimonials-quote-block"></div>

.testimonials-quote-block {
	width: 500px;
	height: 300px;
	background-color: black;
	position: relative;
}
.testimonials-quote-block::before, .testimonials-quote-block::after {
  content: "“";
	position: absolute;
  left: 50px;
  top: 0;
	font-size: 338px;
  background-color: royalblue;
	color: red;
}
  • Вопрос задан
  • 56 просмотров
Решения вопроса 1
wapster92
@wapster92 Куратор тега CSS
Использовать svg иконку вместо шрифта.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы