Как выравнять элементы?

Подскажите как можно картинки выравнять по центру и текст, который у карты в строчку сделать
САЙТ
<div style="clear: both; display: table;">
<div class="main_banner_img"><img class="aligncenter" src="https://yur-onemoment.ru/wp-content/uploads/2019/05/YUR-OM-YURUsulgi.jpg" width=""></div>
<div class="main_banner_img"><img class="aligncenter" src="https://yur-onemoment.ru/wp-content/uploads/2019/05/YUR-OM-YURAutsorsing.jpg"></div>
</div>
<div><iframe class="maps" src="https://yandex.ru/map-widget/v1/?um=constructor%3A098f333c9ad70dc6898084c0bca045b3c7e5ee754a75fe381bbe8fc8dab60e55&amp;source=constructor" frameborder="0"></iframe>
<div class="text_maps">Наш офис: г. Екатеринбург,
ул. Сибирский тракт 8д</div>
</div>


.main_banner_img {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

.maps {
	width: 700px; 
	height: 400px;
	float: left; 
	margin: 10px;
}

.text_maps {
	width: 1000px;
}

@media (max-width: 770px) {
.main_banner_img {
	width: 100%;
}
	
.maps {
    height: 100%;
    float: none;
    width: 100%;
    clear: both;	
	margin: auto
	}
	
.text_maps {
	width: 100%;
	position: relative;
	margin: auto;
	}
}
  • Вопрос задан
  • 62 просмотра
Решения вопроса 1
dicem
@dicem
Во первых у вас там сетка стоит в 9 колонок, поставьте 12.
5cea6ee0c847d133899058.png
То есть чтоб стоял класс col-md-12, скорей всего в настройках темы может быть такая надстройка.

Во вторых избавьтесь от этого недоразумения:
5cea6f190a58c657042346.png
Вам нафиг не нужно отображать блок как таблицу.

В третьих добавьте к отмеченному классу, отмеченные соответственно свойства.
5cea6f2e76742145526926.png
display: flex;
justify-content: center
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы