FizEm uma outra pergunta que fiz antes, um html comusuário me deu um css embutido contendo três estilos diferentes para três Ids. Porém não está funcionando. Teiteiexemplo de como eu poderia deixar sóperfeitamente centralizado um e tambémbotão html na tela.
Foi nesta pergunta: Como posicionar um button em qualquer lugar da tela, em html
Ele simplesmente fez:
#centralizar{
position:absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%)
}
Só que eu tentei centralizar três botões abaixo, partindo do mesmo padrão, mas não funciona...
Não sei ao certo onde estou errando, seria na declaração desse style embutido? TeriaPelo que separareu vi na doc, o translate muda a posição de um estiloobjeto na tela a partir da multiplicação da matriz de idposição do objeto por Tag? Dá pra colocar vários estilos de classeum vetor. Nesse caso, preciso ter a informação da posição em parapixels pra poder fazer esse cálculo, e ter uma tag style?
A minha ideia era colocar três botões centralizados na telade qual o valor de translate aplicar, certo? Ou tem um jeito mais fácil.
Segue o meu código:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#centralizado1 = {position:absolute; top=46%; left=50%; transform:translate(-46%, -50%)}
#centralizado2 = {position:absolute; top=50%; left=50%; transform:translate(-50%, -50%)}
#centralizado3 = {position:absolute; top=54%; left=50%; transform:translate(-54%, -50%)}
</style>
<body>
<div id="centralizado1">
<button >A</button>
</div>
<div id="centralizado2">
<button>B</button>
</div>
<div id="centralizado3">
<button>C</button
</div>
</body>
</html>