0
0

Здравствуйте! Подскажите пожалуйста, создал на сайте вторую аналогичную кнопку, но текст в кнопке не выравнивается по центру. пробовал добавить селектор к существующей кнопке, и второй вариант создать дубликат. И так и так текст во второй кнопке прилип к верхнему краю, хотя стоит text-align: center;. Курс ВЕБ-разработчик 2021 - с нуля до результата! | Задание 20 из 97

HTML:

<section class="wright">
        <div class="container">
            <img src="icons/box.jpg" alt="box">
            <div class="wright_text">
                Для всех участников интенсива предусмотрены бонусы и подарки. Нажимайте на кнопку ниже, принимайте участие в вебинарах и забирайте свой приз по окончании обучения!
            </div>
            <batton class="wright_btn2">Записаться на интенсив!</batton>
        </div>
    </section>


CSS:

.wright {
    min-height: 628px;
    padding: 86px 0 87px 0;
}

.wright img {
    display: block;
    margin: 0 auto;
}

.wright .wright_text {
    margin: 42px 0 52px 0;
    font-family: Roboto;
    font-size: 30px;
    line-height: 1.43;
    text-align: center;
    color: #252525;
}

.wright .wright_btn2 {
    display: block;
    margin: 73px auto;
    width: 313px;
    height: 72px;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.18);
    border: solid 4px rgba(0, 0, 0, 0.23);
    background-image: linear-gradient(to top, #2798b9, #3ab6da);
    text-shadow: -0.7px -0.7px 0 rgba(0, 0, 0, 0.22);
    text-align: center;
    font-family: Roboto;
    font-size: 21px;
    line-height: 1.14;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
}

Тимур Тетянечко
2 years ago






для кнопки нужен тег button а у вас batton

student_8vsRa_2i
2 years ago

Спасибо!

Тимур Тетянечко
2 years ago

2 ответов