1
resposta

Display Inline Block Não funcionou

Oi galerinha, olá a todos.

Estou tentando mover para o centro os dois botões, porém de jeito nenhum ele fica alinhado e vai para o centro da pagina. É um site linkado ao site principal, não sei se isso interfere. Nome das classes, id, css são diferentes do site principal. Insira aqui a descrição dessa imagem para ajudar na acessibilidadeJá tentei colocar position absolute com left e as medidas em pixels para centralizar, mas não funciona.

O html:

O código em Css3:

.generos{ display: inline-block; width: 10%;

}

.generos li{ text-align: center; margin-bottom: 10px; vertical-align: top; padding: 10px 10px; box-sizing: border-box; border: 2px solid rgb(209, 186, 122); border-radius: 5px; } Desde já agradeço a ajuda! Excelente semana a todos

1 resposta

Olá Dante.

Se a classe .generos é a ul você deve por o inline-block nas li, pois são elas que vão ficar lado a lado. Veja exemplos em https://www.w3schools.com/css/css_inline-block.asp

Se fosse no caso do display: flex aí sim seria no elemento pai, ou seja, na ul para as li ficarem lado a lado. https://www.w3schools.com/css/css3_flexbox.asp

Abraço.