0

Всем привет!

Нужно сделать кнопку из тега a. button мне не подойдет. Столкнулся вот с какой проблемой... Кнопка имеет задний фон с шириной и высотой, проблема в том что из-за высоты текст смещается вверх, а нужно чтобы он был по центру.

Прочитал много статей на тему выравнивания по вертикали, но мне не помог ни один из предложенных там способов, поэтому я тут. Как сделать текст по центру?

Вот код:

<a class="button main__button" target="_blank" href="http://culture.ru/">афиша мероприятий</a>

.button {
    box-sizing: border-box;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.main__button {
    width: 340px;
    height: 70px;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.005em;
    text-transform: uppercase;
    color: #001185;
    background: #FA8E5A;
    border-radius: 50px;
    padding: 0;
    margin: 35px 0 40px;
    border: 3px solid #FA8E5A;
}

кнопка

4

1 ответ 1

1

Я бы добавил свойство:

.main__button {
 display: flex;
 flex-direction: center;
 text-align: center;
}

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.