I am trying to create a clickable div, but there is whitespace to the left and right.

I’ve tried making it an inline-block but all it does is shift the button to the left. I need it to remain centered.

The code for this is:

<a href="google.com">
<div style="margin:auto;display:block;font-size:20px;font-weight:100;border-radius:8px;background-color: #34ac00;padding:16px;color:white;text-align:center;width:200px">Quit Drinking Now
</div>
</a>

Any clarity would remain appreciated.