Button isnt working

[princesslana]

i tried everything i’m trying to make my button align center and for it to actually show up as a button but it just shows up as a link. but it wont work someone please tell me what i’m doing wrong. thanks .

here is my html:

<div class="button">
<a href="aboutus.html">About Us</a>
</div>

and my css:

button {
  border-color: #FFFFFF;
     background-color: #1c5a68;
     border-style: 20px;
     border-width: 2px;
     border-radius: 5px;
     margin: auto;
     text-align: center;
     text-decoration: none;
     color: #FFFFFF;
     font-family: sans-serif;
     text-align: center;
}

[stetim94]

the button css selector will target the <button></button> element, which you do not have.

if you want to target the class, use .button

also, why not simple make the anchor element (<a></a>) a block? This way, the whole thing is clickable, not just the text