Как опустить кавычки в тексте ниже?

Question

[mlnoz]

Как опустить кавычки слева ниже так же, как на скрине? https://codepen.io/mlnoz/pen/ExVqWQP . Line-height не помогает и другие варианты, которые находил, тоже не дали результата.

Answer 1

[Lord_Dantes]

Кавычки делаете псевдо-элементом, в макете меряете относительно насколько пикселей нижний край кавычек уходит вниз.

Comments

[mlnoz]

В целом получилось так

.what_peaople_say_text{
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #878787;
    line-height: 42px;
}
.what_peaople_say_text span{
    font-size: 80px;
    font-family: "TimesNewPSBoldMT";
    vertical-align: -22px;
}

Но пришлось задать для всего текста более высокую строку. В данном случае не критично, но хотел ещё для себя узнать как это можно избежать.

Answer 2

[Alexander Chuvilin]

В css в .what_peaople_say_text span добавьте vertical-align: bottom;