Javascript 将谷歌广告包装在盒子上

你能帮我画一个围绕谷歌广告的方框吗？我正在wordpress网站上展示谷歌广告。宽度应为100%，高度应根据广告（很少填充）和左上角的小标签“广告”确定

我会非常感激的。您可以看到下面的示例图像

以下是代码：

HTML

---

就这样

谢谢你的快速帮助。但不幸的是，它不起作用。我将这些代码放在CSS文件中，并将下面的代码放在帖子中。。但我只看到在它周围没有添加任何边界。你的谷歌代码显示的结果是什么，你可以分享你的代码或链接来查看吗？在这个地方，你有“测试谷歌广告”添加那个框？我已经添加了Sanjeev，在帖子“测试谷歌广告”中的代码如下//你实际上没有添加我上面更新的代码，更新CSS

<div class="add-wrapper"> 
   Your Google Code
</div>

.add-wrapper::before {
  color: #a3a3a3;
  content: "Advertisement";
  font-family: arial;
  font-size: 14px;
  height: 150px;
  left: 12px;
  letter-spacing: 1px;
  position: absolute;
  text-transform: uppercase;
  top: -2px;
  transform: rotate(-90deg);
  width: 130px;
}

.add-wrapper {
  border: 1px solid #ccc;
  box-sizing: border-box;
  float: left;
  min-height: 145px;
  margin: 35px 0;
  padding: 0 0 0 20px;
  position: relative;
  text-align: center;
  width: 100%;
}