How do I center an inline-block BUTTON within a column?

Regards, Linda

Hi Linda,

Assuming that the button is the only element within the column, probably the simplest way would be to change the column display parameter to flex and then set the justify to center.

Hope this helps,
Gordon

Another way. Set the button to display Block and use margin auto.

For better quality click and see following link

https://media.giphy.com/media/3oKIPd5Xs … source.gif

And how if I have two buttons inline?

set the column/container holding the buttons to

Position Display = Flex

Direction = row (or column later at smaller widths (if needed)
wrap = no-wrap
justify = space around

items = center
content = stretch

then set l/r margins for each button to "Auto"

if you change direction to column later you may need fiddle with flex or block for the column/container (depending on width of buttons,,

Just open a new blank project and insert two buttons into a column/container and play with flex for a bit,,, once you have got it,, just close the project without saving and get into your real project & just do it,, no damage or harm done to your original project

Thank you all.
I used the method of Mansour, thank you, so easy, but didn't see it before.
I will start experimenting with Flex, thank you Wayan.

Regards, Linda

same method as above demo