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

Question

[Илья Деревянных]

Подскажите как можно картинки выравнять по центру и текст, который у карты в строчку сделать
САЙТ

<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;
	}
}

Answer 1

[dicem]

Во первых у вас там сетка стоит в 9 колонок, поставьте 12.

То есть чтоб стоял класс col-md-12, скорей всего в настройках темы может быть такая надстройка.

Во вторых избавьтесь от этого недоразумения:

Вам нафиг не нужно отображать блок как таблицу.

В третьих добавьте к отмеченному классу, отмеченные соответственно свойства.

display: flex;
justify-content: center

Comments

[Илья Деревянных]

Благодарю, но решил уже по другому, col-md-9 почему-то использовал media (min-width: 992px) {
.col-md-9 {
width: 75%;
}
}

Т.к. это всё уже прописано в установленной теме, то в дочерней прописал width: 100% !important;
Вроде работает)

[dicem]

Илья Деревянных, костыль, потом можете огрести немало проблем