Как разместить ссылку по центру?

Question

[fleshik]

подскажите как разместить ссылку по центру? и почему не работает text-align: center; https://jsfiddle.net/4kd5aby3/

Comments

[Степан Крапивин]

что-то не вижу там

text-align: center;

[fleshik]

Степан Крапивин, просто в примере не писал, но если прописать то все равно ссылка остается слева

Answer 1

[Фин Дел]

для .a_1 задатьdisplay: block; text-align:center;

Comments

[fleshik]

немного не то, тогда курсор будет менять вид по всей строке, а не только при наведении на ссылку

[Фин Дел]

fleshik, можешь дописать к .a_1

width: 120px;
  margin: 0 auto;

и этого не будет, либо как написали вверху: обернуть в див

Answer 2

[Kaisar Kuanysh]

<div>
    <a class="a_1" href="#">link</a>
</div>

div {
        text-align: center;
}
.a_1 {
        text-decoration: none;
}

text-align - свойство для блочного элемента и применять его нужно к родительскому элементу строчного

Answer 3

[Тигран Абрамян]

Они на тег a не работают, оберните в любой другой тег ваш текст и сработает.

Answer 4

[When you dont want to litter on stackoverflow]

<div style='text-align:center; width:100%'><a>Ссылка</a></div