html button align center horizontal code example

Example 1: horizontaly center button css

button {
    margin:0 auto;
    display:block;
}

Example 2: html center button

<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8" />
      <title>Button align center</title>

      <style>
         .flex-parent {
            display: flex;
         }

         .jc-center {
            justify-content: center;
         }

         button.margin-right {
            margin-right: 20px;
         }
      </style>
   </head>
   <body>
      <div class="flex-parent jc-center">
         <button type="submit" class="green margin-right">Confirm</button>
         <button type="submit" class="magenta">Cancel</button>
      </div>
   </body>
</html>

Example 3: html center button

<center><a href="https://www.google.com"><button>Button Text</button></a></center>

Tags:

Css Example

Recent Posts