Перейти к содержимому
Мой Сайт
Главная
Бизнес Информатика
Веб Программирование
Новости
Мои Статьи
<section class="advertising"> <div class="content-img-text"> <div class="img-box"> <img src="https://www.cref.ru/wp-content/uploads/2019/12/sh5-1.jpg" alt="advertisement" style="width: 100%;"> </div> <div class="text-box"> <div class="text"> <h2 class="text-title">Изучай больше, чем просто язык!</h2> <ul> <li>Индивидуальные уроки по более чем 150 языкам.</li> <li>Практикуйся бесплатно в Lingvo-center.</li> <li>Расширяй возможности изучения за пределами занятий.</li> </ul> </div> </div> </div> </section>
.advertising { width: 100%; display: flex; justify-content: center; } .content-img-text { display: flex; width: 100%; } .text-box { background-color: #fff; width: 50%; border: 10px double red; position: relative; } .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 50px; } .text-title { color: #21219f; margin: 20px 40px; border: 3px solid red; border-radius: 20px; padding: 10px; font-size: 32px; font-family: 'Lobster', cursive; } ul { margin: 20px 0; padding: 0 0 0 20px; } li { margin: 15px 0; font-family: 'PT Sans', sans-serif; font-size: 20px; font-weight: 400; font-style: italic; line-height: 1em; }
Results:
Изучай больше, чем просто язык!
Индивидуальные уроки по более чем 150 языкам.
Практикуйся бесплатно в Lingvo-center.
Расширяй возможности изучения за пределами занятий.
