Вставляю виджет с отзывами из Яндекс.Карт на лендинг клиента. А он отображается не по центру, а слева.
<style>
.centered-container {
width: 560px;
height: 800px;
overflow: hidden;
position: relative;
margin: 0 auto;
text-align: center;
}
/* Медиа-запрос для мобильных устройств шириной до 600 пикселей */
@media only screen and (max-width: 600px) {
.centered-container {
width: 100%;
height: 800px;
}
}
</style>
<div class=”centered-container”>
<iframe style=”width: 100%; height: 100%; border: 1px solid #e6e6e6; border-radius: 8px; box-sizing: border-box;” src=”https://yandex.ru/maps-reviews-widget/00000000000?comments”></iframe>
<a href=”https://yandex.ru/maps/org/fun_sun/00000000000/” target=”_blank” style=”box-sizing: border-box; text-decoration: none; color: #b3b3b3; font-size: 10px; font-family: YS Text, sans-serif; padding: 0 20px; position: absolute; bottom: 8px; width: 100%; text-align: center; left: 0; overflow: hidden; text-overflow: ellipsis; display: block; max-height: 14px; white-space: nowrap; padding: 0 16px; box-sizing: border-box;”>Компапния на карте Москвы — Яндекс Карты</a>
</div>