Solucionado (ver solução)
Solucionado
(ver solução)
6
respostas

Como centralizar o botão?

Não consigo centralizar o botão da section "saudação", no index. Inspecionei, mas não encontrei nada que impedisse que o margin: 0 auto; funcionasse.

Se alguém puder ajudar, o código é este:

https://github.com/Roger-Melo/curso_html5_e_css3_2_turbinando_as_suas_paginas

6 respostas

Fala Roger!

Se você colocar um text-align: center; na classe .container-sessoes-index {} irá funcionar o/

Obrigado Luiz.

Por que o margin: 0 auto; não funciona neste caso?

Eae Roger Blz?

Cara, pelo que entendi o botão está sendo feito pela tag <a> correto?

Então, essa tag tem display inline e o margin: 0 auto; não funciona com o display nesse nível

Valeu, espero ter ajudado

Olá, Samuel.

Eu testei o display inline-block e também não funcionou. Já com o display block funciona, mas ele me obriga a definir um width para o botão, que é algo que eu não sei se vale a pena, por que eu já havia definido a largura e altura dele com os paddings...

solução!

Farla Roger,

Tranquilo?

Se eu não me engano é uma questão da tag <a>, estava procurando algumas definições dela aqui mas não encontrei, mas acho que ela tem algumas definições padrões que impossibilitam de usar o margin: 0 auto; com facilidade, e por isso a alternativa é usar o text-align: center; no elemento pai dela.

Tenho quase certeza que é isso, se eu achar algo te aviso.

Obrigado, Luiz e Samuel.