Streaming live at 10am (PST)

Align objects vertically to container

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)

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

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.