Вставка иконки с помощью псевдоэлемента before?

Question

[prolina]

Нужно разместить на одной линии перед параграфом иконку и параграф, пробовала через ::before, но что-то не получается
https://codepen.io/elena_serzh/pen/qzbEZz

Answer 1

[Евгений Трофимов]

В вашем случае надо с background-size и background-position поиграться.
Например как-то так:

background-size: 80px;
background-position: -11px -14px;

Но вообще, есть куча сервисов, которые умеют генерировать css-спрайты, они за вас background-position посчитают.

Answer 2

[html-css]

1.    .contacts_email{position:relative;}
2.    .contacts_email::before {position:absolute;}
.3 нужно задать background-size картинке
4. + вы что то напутали с background-position, если убрать 0 0, фон от картинки появляется