在标题中添加我的徽标旁边的adsense横幅（wordpress）

Question

我的wordpress网站标题中有一个徽标，我想在其旁边添加一个adsense横幅：

对于我的徽标，我有一个div徽标和此css代码：

#logo { float: left; margin-top: 60px; }

我知道我需要为我的adsense代码创建一个新的div，但我应该使用什么css代码，以便adsense横幅显示在徽标旁边的右边？

我需要确保两个div永远不会叠加（在所有设备上）。

Answer 1

这应该有效：

HTML：

<div id="logo">
Some code here for the logo
</div>

<div id="ad-banner"> 
    Ad banner goes here                 
</div>

<div style="clear:both;">&nbsp;</div>

CSS：

#ad-banner 
{ 
    float: right; 
    margin-top: 60px; 
}

将header-middle div和#ad-banner样式中的HTML放入style.css文件中。它应该工作。

Answer 2

1. 打开WordPress编辑器
2. 打开header.php文件
3. 在此文件中 - 查找以下代码

<header id=”masthead” role=”banner”>

1. 通过添加style =“display：inline-block”

对hgroup标记进行以下更改

2. 在hgroup标记的正下方，在span块中添加广告（Google AdSense）代码，如下所示：

<span style=”float:right”>
<!– Paste Ad Sense Code below–>
</span>

1. 保存文件

来源：http://techzog.com/wordpress/how-to-add-banner-ad-to-wordpress/