How to remove push from :before?

Question

css

It is made in such a way that a droplet appears above the buttons of those pages where I am now and it turns out that the drop seems to push out the inscription. Can this be avoided somehow?

Answer 1

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

Answer 2

Take a look here, it might help!

Answer 3

position: relativeelement to which you add a pseudo-element, pseudo-element and position position: absolute

Answer 4

Absolute positioning of the pseudo-element can help you.
li.active
position: relative
li.active:before
content: ""
width: /*drop width*/
height: /*drop height*/
background-image: url("image url")
position: absolute
top: -n / *drop height + padding*/
left: 50%
transform: translateX(-50%)
The algorithm is like this. It is not clear what you have there in terms of styles. It can be a little tricky for you, you will need the values ​​​​of absolute positions.