# How To Center A Button In Webflow

> To center a button in Webflow, drag a button onto your page, select its parent div or section, apply Flexbox in the Style tab's Layout section, and set the alignment to center.

Canonical: https://livedemo.ai/tutorials/how-to-center-a-button-in-webflow/
Apps: Webflow
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3098d673bd5aa8e634e7/preview?step=1

## Steps

1. Go to the Add Elements section in the left sidebar menu.
2. Search or locate Button from elements and drag onto the place you wish to place it.
3. Note that buttons are simply another element in your body. To center a button is the same as most other elements.
4. To center children inside a parent div. Select the div or section.
5. Locate the Layout section under the Style tab from the right sidebar menu. Using Flexbox is one of the simpler ways to center items inside a section. To select, click on Flex .
6. Next to Align , select the center position from the selection box or manually from the axes.
7. Notice that all the elements inside the div are now centered.
8. Use the right sidebar menu to further fine-tune its position and settings such as padding.
9. You now have a centered button.