I am new in learning web development and having a question about how to center items in a div. I was wondering why we set "text-align:center" to center all a-tag items in div instead set the text-align in a tag?

```
<div>
  <a href="">ONE</a>
  <a href="">TWO</a>
  <a href="">THREE</a>
  <a href="">FOUR</a>
  <a href="">FIVE</a>
</div>

```

---

```
* {
  margin: 0;
  padding: 0;
  box-sizing:border-box;
}

div {
  background-color: #ffa;
  text-align:center; //correct one
}

div a {
  padding: 10px;
  border: 1px #aaa solid;
  font-size: 1.5em;
  display:inline-block;
  text-align:center; // wrong one
}

```