Bootstrap 5 Изображение и текст на немCSS

Разбираемся в CSS
Ответить
Anonymous
 Bootstrap 5 Изображение и текст на нем

Сообщение Anonymous »

У меня есть шаблон веб-сайта Bootstrap 5, и мне нужно добавить текст на белом фоне к центральному изображению.
И в этом случае вместо изображения я вижу белый цвет, но хочу белый прямоугольник с заголовком и текстом в центре изображения


.our-company-title {
line-height: 31px;
letter-spacing: 0;
color: #000;
font-size: 25px;
}

.our-company-text {
color: #787878;
line-height: 150%;
font-size: 18px;
letter-spacing: 0;
}

.contact-image-box {
position: absolute;
background-color: #fff;
text-align: center;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}






Изображение


Title
Company text




content here






Я также пробовал это, но заголовок и текст выравниваются по левому краю, а не по центру:
.contact-image-box {
max-width: 400px;
}


Подробнее здесь: https://stackoverflow.com/questions/784 ... text-on-it
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»