Как изменять положение элемента content в ::before?

Question

[forestra1n]

Каким образом можно сдвинуть вниз телефонную трубку? margin и padding для before не срабатывают. Есть применять стили к тегам p или i, символ телефонной трубки сдвигается только вместе с номером телефона...

Answer 1

[Dymok]

position: relative элементу, которому задаёшь before/after, position:absolute и top: 5px left: 0px для псевдоэлемента, ещё родителю можно левый паддинг, размером с иконку + отступ

Comments

[forestra1n]

Прописал у before {position: absolute; margin-top: -21px; margin-left: -29px;} — помогло. Наверное, коряво в стилях, но работает...

Answer 2

[Максим]

вообще before переводится ДО
но ещё after который переводится ПОСЛЕ
напишите просто : elem:after{content:"";}

Comments

[forestra1n]

Спасибо за переводы, но в отличие от CSS, с английским знаком безупречно)
По поводу вашего предложения прописать after — что это меняет?

[Максим]

forestra1n, ну конечно , этот значок встанет до (before) или после (after)