Streaming live at 10am (PST)

Align objects vertically to container


#1

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)


#2

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


#3

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