I know this might seem like a trivial question but I am genuinely puzzled. In my style sheet I have some rules defined to essentially place an object in the center of the screen, but unfortunately I have no idea what is going wrong. I've tried a million different options, but my div classes simply will not format my text. Any help would be greatly appreciated with debugging this code. Any additional advice about my web page would be appreciated as well.
Code for Web Page
<!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>
Code for the Style Sheet
body{
text-align: center;
}
h1{
color: BLACK;
}
.active{
}
.wrapper {
text-align: center;
}
.button {
position: absolute;
top: 50%;
}
Aucun commentaire:
Enregistrer un commentaire