I am having trouble getting my text to format properly on my web page. I have defined rules in my style sheet to center an object on the screen, but it's not working as expected.
Here is the code for my web page:
body {
text-align: center;
}
h1 {
color: BLACK;
}
.active {} .wrapper {
text-align: center;
}
.button {
position: absolute;
top: 50%;
}<!DOCTYPE html>
<html lane="en">
<head>
<meta charset="utf-8">
<title>The "How Drunk Do You Want to Be?" Machine</title>
<meta name="description" content="The best damn webpage you have ever seen">
<meta name="Jarred Parr" content="drinking games">
<link rel="Style Sheet" type="text/css" href="Style Sheet.css">
</head>
<body bgcolor="#b3b3cc">
<div class="wrapper">
<button class="button">Button</button>
</div>
</body>
</html>