Centering in wrapper

wiltabone

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

wiltabone

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

It's a good solution.

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

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next