So I can't seem to identify what I'm doing wrong. I created a menu with 4 buttons, namely: Update, Register, Records and Sign out. I placed them together in a class and styled them with CSS. They turned out to be of different lengths, I've tried everything I currently know and understand about CSS and I'm stuck.

Here's the CSS code:

```css
.button2 {
    padding:15px 150px;
    margin:0px auto;
    border-radius:5px;
    color:#221e1f;
    font-family:corbel;
    font-size:20px;
    text-decoration: none;
    border:  1px solid #d13129;
    background: #d13129;
    width:300px; /* set a width, can be fixed or percentage */
    display:block; /* by default <a> tags arn't block elements and need to be for setting a width */
}

```

picture with the new edit:
<http://gyazo.com/7c7203de14e01873b59e60392fa76207>