Добавление ИЗОБРАЖЕНИЯ внутри селектора ::before ⇐ CSS

[Anonymous]

Я хотел добавить значок кавычек перед началом абзаца, потому что видел, как это делается на некоторых других веб-сайтах.
Поэтому я попытался немного поиграть. со свойствами width, height и font-size. Но я не могу понять, как уменьшить это изображение, чтобы оно соответствовало размеру абзаца.
ЗДЕСЬ ЗНАЧОК QM:

< /p>
ВОТ КОД:

Код: Выделить всё

.article {
padding-top: 2%;
}

.article::before {
content: url(https://i.sstatic.net/mdeKRzYD.png);
display: inline-block;
/* top: 4px; */
/* float: left; */
/* width: 13px; */
font-size: 10px;
}

Код: Выделить всё

Blah blah blah, some text to fill the space.

Подробнее здесь: https://stackoverflow.com/questions/785 ... e-selector