Align objects vertically to container

[fabio-breezie (Fabio)]

HI guys
I am trying to make that little i icon to float inside its container [structure below]. The icon should always be aligned at the center of the container independently of it size (which will vary)

Structure I am using

Image of the element at the moment

Thanks very much for your help and support

And here

---

Here is my public share link: LINK
(how to access public share link)

[sabanna (Anna)]

Hi, @fabio-breezie

There is 2 ways to do this:

1. Use flexbox settings

2. Set Icon wrapper position: relative and icon itself position: absolute. Then make icon top alignment 50% and transform move by X axis: -50%. Wrapper should have some height.

Cheers,
Anna