html - 如何将两个iframe放在同一行

Question

我有这个代码:

<div align="center">
<iframe scrolling="no" src="//blockadz.com/ads/show/show.php?   a=6NJWBKLSGP8CY&b=OYEPEGYYZ996L"   style="overflow:hidden;width:468px;height:60px;" frameborder="0"; padding-   bottom: 20px; display:inline-block;></iframe>
</div>
<div style="text-align:center;">
<a href="https://blockadz.com/?a=BuyAds&id=6NJWBKLSGP8CY"    target="_blank">Advertise in this spot</a>
</div>
<div align="center">
<iframe scrolling="no" src="//blockadz.com/ads/show/show.php?   a=6NJWBKLSGP8CY&b=OYEPEGYYZ996L"   style="overflow:hidden;width:468px;height:60px;" frameborder="0"; padding-   bottom: 20px; display:inline-block;></iframe>
</div>
<div style="text-align:center;">
<a href="https://blockadz.com/?a=BuyAds&id=6NJWBKLSGP8CY"    target="_blank">Advertise in this spot</a>
</div>

我想在同一行显示，但不知道如何？我尝试添加:display:inline-block; 和 white-space: nowrap; 但没有任何改变。

有什么帮助吗？

Answer 1

尝试将 CSS float 添加到您的主 div

<div style="float:left;">
    <div align="center">
        <iframe bottom:="" frameborder="0" padding-="" scrolling="no" src="//blockadz.com/ads/show/show.php?%20a=6NJWBKLSGP8CY&b=OYEPEGYYZ996L" style="overflow:hidden;width:468px;height:60px;"></iframe>
    </div>
    <div style="text-align:center;">
        <a href="https://blockadz.com/?a=BuyAds&id=6NJWBKLSGP8CY" target="_blank">Advertise in this spot</a>
    </div>
</div>
<div style="float:right;">
    <div align="center">
        <iframe bottom:="" frameborder="0" padding-="" scrolling="no" src="//blockadz.com/ads/show/show.php?%20a=6NJWBKLSGP8CY&b=OYEPEGYYZ996L" style="overflow:hidden;width:468px;height:60px;"></iframe>
    </div>
    <div style="text-align:center;">
        <a href="https://blockadz.com/?a=BuyAds&id=6NJWBKLSGP8CY" target="_blank">Advertise in this spot</a>
    </div>
</div>

See in jsfiddle