<?xml version="1.0" encoding="utf-8"?>

Center a label within a button

Center a label within a button Bad Practice
Center a label within a button Best Practice

Label alignment within buttons is a crucial detail that can significantly influence user interaction. By centering the label both horizontally and vertically within the button, you create a balanced visual focal point. This symmetry not only enhances the button's aesthetic appeal but also makes it easier for users to identify and interact with the button quickly.

Pro Tip: If your button contains a label and an icon, align them as though they are one element.

Improve your UX & Product skills with interactive courses that actually work