Em HTML, botões são elementos clicáveis usados para realizar uma ação específica. Usando CSS, você pode definir a posição do botão onde deseja colocá-lo. Para isso, existem várias técnicas em CSS, uma delas é o flexbox. “ flexionar ” é usado para definir a posição do elemento de acordo com sua viewport.
Este artigo ensinará como centralizar um botão usando CSS Flexbox.
Então, vamos começar!
Como centralizar o botão usando CSS flexbox?
“ flexionar ” é o valor definido para a propriedade display do CSS. Dependendo do tamanho da janela de visualização, ele define o conteúdo ou os elementos de acordo. Em CSS, o valor flex cria espaço igual entre os elementos para garantir que eles sejam organizados de forma eficiente.
Sintaxe
Na sintaxe dada acima, “ flexionar ” será especificado como o valor de “ exibição ' propriedade.
Então, vamos conferir o exemplo para centralizar o botão usando flex.
Exemplo
No
do HTML, vamos criar um container com a classe