Html 将两个div（javascript广告）并排放置

我想在Wordpress的帖子顶部放两个广告。广告代码如下

<div id="im-12345">
  <script async src="https://adcompany.co.jp/script/v1/spot.js"></script>
  <script>(window.adsbyadcompany=window.adsbyadcompany||[]).push({pid:20987,mid:523741,asid:1709676,type:"banner",display:"inline",elementid:"im-033d1f1835404bbf80e342e2e182d96b"})</script>
</div>

（window.adsbyadcompany=window.adsbyadcompany | |[]）.push（{pid:20987，mid:523741，asid:1709676，键入：“横幅”，显示：“内联”，元素ID:“im-033d1f1835404bbf80e342e2e182d96b”）

我在谷歌上搜索过如何将两个div放在一起，通过反复试验，我试图将其中两个广告放在一起，但都没有成功（这些广告只是堆叠在一起）

---

你知道我怎样才能做到这一点吗？最好使用没有css的HTML（我不是编码员，甚至不知道从哪里通过css。

你可以使用css

flexbox

。

flexbox

将显示相邻的

div

，并调整它们的大小以适应。因此，在你的情况下，你两个

div

的父对象需要是

flexbox

，（CSS

display:flex；

），它们将自动相邻

如果您特别希望从html页面执行此操作，只需在父div中添加

style“display:flex；”

，例如：

<div id="container" style="display: flex;">
    <div id="ad1"></div>
    <div id="ad2"></div>
</div>

---

添加少量CSS并不难：使用div上的

style

属性添加

显示：flex

：

<div id="im-12345" style="display: flex">
  <script async src="https://adcompany.co.jp/script/v1/spot.js"></script>
  <script>(window.adsbyadcompany=window.adsbyadcompany||[]).push({pid:20987,mid:523741,asid:1709676,type:"banner",display:"inline",elementid:"im-033d1f1835404bbf80e342e2e182d96b"})</script>
</div>

（window.adsbyadcompany=window.adsbyadcompany | |[]）.push（{pid:20987，mid:523741，asid:1709676，键入：“横幅”，显示：“内联”，元素ID:“im-033d1f1835404bbf80e342e2e182d96b”）

在您更改代码之前，您可以在浏览器的“开发人员工具”中尝试这一点，例如：

这个怎么样

.container {
  display: flex;
  justify content: center;
  align-items: center;
}

---

要了解更多信息，请查看，或者如果您想定义div的样式，可以使用#im-12345{…}。谢谢，这很有效。您知道如何使两个div之间有一个小空间吗？