Как выровнять содержимое блока div по левому краю?

Есть код рекламного блока Яндекса в контейнере, на сайте он отображает рекламный блок по центру контента. Хочу чтобы он был выровнен по левому краю.

Нашла какие-то инструкции в интернете.
Оборачиваю его в ещё один контейнер с классом ad.
Прописываю ему text-align: left
В самом div Яндекса пишу display:inline-block
Не работает. Отступы работают, а выравнивание нет... В чём ошибка?

Как сейчас выглядит блок:

<div class="ad">
<!-- Yandex.RTB -->
<div id="yandex_rtb_R-A-000000" style="display:inline-block;"></div></div>
<script>
window.yaContextCb.push(()=>{
Ya.Context.AdvManager.render({
"blockId": "R-A-000000",
"renderTo": "yandex_rtb_R-A-000000"
})
})
</script>