Выравнивание по центру CSS?

Question

[Pavel]

Каким образом добиться выравнивания по центру текста с тегом a относительно ширины моего дива:

<div class="dayn">
  <a href="#">Click</a>
</div>

.dayn {
   background-color: grey;
}
.dayn a {
  margin: 100px auto;
}

так пробовал - не работает.

Answer 1

[Данакт Фрост]

.dayn {
    background-color: grey;
    text-align: center;
}

Comments

[Pavel]

Почему с маргином не работает?

[Сергей Горячев]

Pavel, потому что margin работает только с блочными элементами, а ссылка a является строчным. Если к примеру сделать a { display: block; margin: auto; }, то заработает.

Answer 2

[SuperToster]

https://jsfiddle.net/ojew0aco/1/