Centering in wrapper

wiltabone · September 2020

Hi,

I am trying to centre two columns (4/5 and 1/5) respectively in a div. I want vertical centering so that the text and button are midway in the black background wrapper. I have tried setting vertical align in the wrapper to no avail. Is there any other way please? Both the text and the button should be on the same line and vertically centered.

https://pasteboard.co/JtskxYp.png

Thanks

Pablo · September 2020

Hello,

You shouldn't use the 4/5 and 1/5 to center your div, use the "Column" item with "text-align" set to center.

About the vertical align, see this topic:

https://support.muffingroup.com/how-to/how-to-use-equal-height-of-wraps/

thanks

wiltabone · September 2020

Thank you I will have a look. I set the 4/5 and 1/5 to have two separate columns. One for the text and one for the button. If I put both the button and text in the same column, the button ended up on a new line. Is there something else for that ?

Pablo · September 2020

It's a good solution.

I through that you made 1/5 column to push the content to the left, my bad.

Thanks

Centering in wrapper

Comments