Несколько фреймов рядом и выровнены по центру в WordPress

#html #css #wordpress #iframe

#HTML #CSS #wordpress #фрейм

Вопрос:

Предположим, у меня есть 4 фрейма, содержащих партнерские ссылки от amazon, которые выглядят примерно так:

 lt;iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="//ws-eu.amazon-adsystem.com/widgets/q?ServiceVersion=20070822amp;OneJS=1amp;Operation=GetAdHtmlamp;MarketPlace=GBamp;source=ssamp;ref=as_ss_li_tilamp;ad_type=product_linkamp;tracking_id=*****anguage=en_GBamp;marketplace=amazonamp;region=GBamp;placement=*********5amp;show_border=trueamp;link_opens_in_new_window=true"gt;lt;/iframegt;  

Как разместить несколько бок о бок и выровнять по центру по горизонтали в классическом редакторе WordPress?

Я использую необработанный HTML. Есть так много вариантов, которые меня переполняют, и я хочу лучшего/самого простого решения.

Например, могу ли я завернуть их все в div? Если да, то какие стили или встроенные классы я должен добавить?

Или, может быть, добавить class="alignleft" в каждый iframe, но как тогда их центрировать по горизонтали?

Вполне может быть, что в WordPress теперь есть flexbox, и я должен это использовать?

Любая помощь очень ценится.

Комментарии:

1. WordPress-это система управления контентом/блогами, которая сама по себе не интерпретирует CSS. Это браузер пользователя, который интерпретирует такие вещи, как flex. Если вы можете вставить необработанный HTML-код в свой пост, вы можете попробовать flex в div-оболочке.

2. Пожалуйста, назовите подходящее правило? Что-то вроде lt;div style=»flex-align»gt;?

3. Не волнуйся. У меня это есть: lt;div style="display:flex;justify-content:center;"gt;