Html 在wordpress中并排对齐iFrame

我在wordpress网站上有两个iFrame，它们使用的是213主题，无法使它们彼此对齐！它们似乎是垂直堆叠的，其他元素也会发生这种情况！以下是iFrame的html

---

你的页面够宽吗？看看这段代码，按计划工作-否则您可能会有其他一些css导致的问题

iframe{ 边框：1px纯红； }

---

把它们包在一个容器里。并使用下面的css

<div class="iframe-cont">
<iframe src="myfirstframe" width="290" height="375" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>


<iframe src="mysecondframe" height="470" width="640" frameborder="0" scrolling="no"></iframe>
</div>


.iframe-cont {
  display: flex;
}

---

你是说用一个div容器包装，即到达那里！只有我需要他们保持当前的宽度和高度！当我使用代码时，你建议它们的宽度/高度相同，当我更改其中一个时，它会影响我建议的另一个iFrame，但如果需要，你不需要更改它，只要在iFrame周围放置一个红色边框！他们仍然互相叠在一起他们在我身边

    .iframe-cont > iframe {
      height: ;
      width: ;
/**display: inline-block;**/
    }