Estou tentando posicionar um botão tipo "button" no centro da tela. Para isso, eu coloquei ele em uma div
, e apliquei a essa div
um css que seta a sua posição na window.
Porém, o botão continua aparecendo no canto esquerdo.
Segue o meu código:
<!DOCTYPE html>
<html>
<!--Tratar um click com html5: -->
<head>
<style type="text/css">
#centralizar{position:absolute top:50% left:50%}
</style>
</head>
<body>
<script>
function fuiClicado(){
document.write("Fui clicado");
}
</script>
<div id="centralizar">
<button name="cent" onClick="fuiClicado()"> Clique Aqui</button>
</div>
</body>
</html>