Как выровнять кнопку по центру div

Выполните следующие шаги, чтобы выравнивание по центру кнопки в контейнере div:

1. Создать контейнер div
2. Вставить тег кнопки
3. В CSS для div установите text-align на center

Кнопка и все содержимое внутри div теперь должно быть выровнено по центру.

Вот пример рабочего кода, который может помочь вам лучше понять концепцию:

    div {text-align:  центр;  }    
  Enter  
   
 
     
 
          
 
 
 
 
 
 
 
 
 
 Мы также можем реализовать способ выравнивания кнопки только по центру. 
 
 Используйте следующие шаги для выравнивания кнопки по центру в середине div  контейнер: 
 
 
 Создайте контейнер div 
 
 Вставьте тег кнопки 
 
 В CSS для кнопки установите   margin  на  0 авто  
 
 Измените  отображение  на   блок  
 
 
 Теперь кнопка должна быть выровнена по центру. 
 
 Вот пример рабочего кода, который поможет вам лучше понять концепцию:  
 
 
 
  
 
 
 
 
 
 
 
 
 
  
 
 Вывод 
 
 JavaScript 
 
 HTML 
 
 CSS (SCSS)