Как убрать выталкивание от :before?

Question

[narem]

Сделано так, что капелька появляется над кнопками тех страниц, где я сейчас нахожусь и получается капля как бы выталкивает надпись. Можно как то этого избежать?

Answer 1

[dmnmkua]

display: flex;
align-item: flex-end;

Answer 2

[qwert87]

Вот тут глянь, мож поможет!

Answer 3

[Dymok]

position: relative элементу, к которому добавляешь псевдоэлемент, position: absolute псевдоэлементу и спозиционировать

Answer 4

[koanvl]

Вам может помочь абсолютное позиционирование псевдоэлемента.
li.active
position: relative
li.active:before
content: ""
width: /*ширина капли*/
height: /*высота капли*/
background-image: url("урл картинки")
position: absolute
top: -n /*высота капли + отступ*/
left: 50%
transform: translateX(-50%)
Алгоритм такой. Не видно, что у вас там по стилям. Может подшаманивать под себя немного нужно будет значения абсолютных позиций.