Как выровнять элемент по центру?

Question

[Rabo]

<style>
.contacts{
	background-color: #d64068;
	border: 1px dashed #ab3051;
	height: 50px;
}
</style>
<div class="contacts">
	<a href="https://t.me/per_hour" id="telegram">Телеграм</a>
</div>

Answer 1

[Сергей Чамкин]

Добавьте к contacts стили:

display: flex;
align-items: center; /* Vertical center alignment */
justify-content: center; /* Horizontal center alignment */

Answer 2

[Артур Белан]

margin: 0 auto;

Comments

[Rabo]

Я, конечно, дилетант, но не настолько - margin не работает) И ваша версия выравнивает только по горизонтали.

[Артур Белан]

Rabo, Сорян, я сам ещё учусь, обидеть не намеревался.
Тогда думаю вот так:
.contacts{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #d64068;
border: 1px dashed #ab3051;
height: 50px;
}
В моём случаи мы вырываем блок как бы с контекста - это нехорошо
Думаю лучим вариантом будет как предложил Сергей, с флексом выровнять
Вот кстати полезная шпаргалка, она мне сильно помогла! https://tpverstak.ru/flex-cheatsheet/
Ещё и Grid https://tpverstak.ru/grid/