How to center a button in CSS

To center a button in CSS:

1. Flexbox (horizontal + vertical):
   css

   Copy code

   display: flex;
justify-content: center;
align-items: center;

2. Grid (horizontal + vertical):
   css

   Copy code

   display: grid;
place-items: center;

3. Text Align (horizontal only):
   css

   Copy code

   text-align: center;

4. Absolute Positioning (horizontal + vertical):
   css

   Copy code

   position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);


Use the method that suits your layout!