Как центрировать тег?

Question

[Anton Essential]

Добрый день, как центрировать тег <a class='button>
Вариант обертки в родитель с свойствами text-align: center; не подходит.

.button {display:block; width='какое-то значение'; mairgn: 0 auto;}

тоже неустраивает.
ну и собственно

.button {position: absolute;  left: 50%;  transform: translateX(-50%);}

тоже не кактит.
Есть еще варианты ?

Comments

[Павел Воронюк]

центрировать к чему? к окну? к блоку? нарисуйте, опишите.. или нам нужно угадать?

Answer 1

[Dvorak]

.parent {
      display: flex;
      justify-content: center;
}

Пропишите этот код для оберточного блока вашей кнопки. Впрочем, если в нём есть другие элементы, то возможны проблемы, если раньше никогда не сталкивались с flexbox'ом. Вот здесь всё очень подробно и ясно написано - https://habrahabr.ru/post/242545/

Comments

[Anton Essential]

А про это забыл упомянуть, есть родитель в нем лежит p.text и a.button, если я поставлю inline-flex родителю тогда тег p.text и a.button в один ряд упадут... м..... а хотя... хм.... подтолкнули на мысль, можно же поставить flex-wrap: wrap; и тогда текст будет как был и кнопка ровно по центру упадет. ) спасибо!

Answer 2

[Cyber_bober]

а родитель какой? на ссылку и text-align:center; распространяется