Виджет ВК, как выровнять по центру?

Question

[Александр Зайцев]

Вставил виджет от ВК "Напишите нам" на сайт. Он прилип к левому краю, вопрос такой, как его выровнять по центру, если css не применяется к данному виджету.
Когда смотрю код в инспекторе, там появляется новый клас, к которому применяется text-aling:center;
в моем проекте пробовал прописать данный клас, ничего не помогло.
Код виджета, может можно засунуть в него как-то выравнивание по центру

Comments

[Александр Зайцев]

<script type="text/javascript" src="//vk.com/js/api/openapi.js?150"></script>

<!-- VK Widget -->
<div id="vk_contact_us"></div>
<script type="text/javascript">
VK.Widgets.ContactUs("vk_contact_us", {text: "Напишите нам в ВК", height: 30}, 183035821);
</script>

[Ankhena]

если css не применяется к данному виджету.

Вероятно, стили прописаны через id и своими стилями вы просто не перебили вконтактовские.
Открывайте инспектор и смотрите почему так происходит.

Пример:

text-aling:center;

Совсем не всегда помогает выравниванию по центру. Например, там может стоять абсолютное позиционирование или блок на всю ширину и ему до лампочки по середине он или нет.

Либо показывайте ссылку на сайт

Answer 1

[Sergio Kuspekov]

Закинь этот виджет в <div>, и примени стили
margin: 0 auto;
или

display: flex;
justify-content: center;