```css
.slide{
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 7px 4px;
    cursor: pointer;
    height: 32px;
    width: 32px;
    margin: 5px auto;
    background-color: #2874f0;
    border-radius: 50%;
    color: #fff;
    text-align: center;
}
```

```html
<a class="slide"><</a>
<a class="slide">></a>
```

Please help me How can I add both buttons in the same row with the center align? Right now button 1 is on top and button 2 is in the footer. How can I resolve this issue?