I have a *div* element at the top of my webpage which contains a link (using an *a* tag). The *div* element spans the full width of the page, and I've managed to centre the *a* element in it horizontally.
The issue is that the user can click anywhere inside the *div* to open the link, whereas I want to limit this "clickable area" to just the text in the *a* element.

```css
#header_div {} #link_home {
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 6.5em;
  font-weight: 900;
  margin: 0.05em;
  text-align: center;
  text-decoration: none;
}
```

```html
<div id="header_div">
  <a id="link_home" href="index.html">HOME</a>
</div>
```