PC画面のときに、記事内のアドセンス広告を２カラム（２個横並び）で表示することがありました。
ググっても出てこなかった…
なので、すでに２カラムで表示しているメディアのコードを参考に実装しました。
あまり使うことはないかもしれませんが、ここに残します。
アドセンスのタグをdivで囲ってflexしよう
まず、アドセンスのタグをそれぞれdivで囲っちゃいましょう。
次に、そいつらの親要素としてなんらかのクラスをつけたdivでさらに囲っちゃいます。
そんであとは、display:flexやjustify-content:centerを指定すればあっという間に２カラムの完成です。
以下、サンプルコードです！
コード
<div class="is2clAd">
<div>
記事内用アドセンスコードをここに貼る
</div>
<div>
記事内用アドセンスコードをここに貼る
</div>
</div>以下スタイリングです。
flexで広告を横並びに。余白をmarginで空けます。
style.css
/*--------------------------------------
PC用アドセンス２カラム
--------------------------------------*/
.is2clAd{
display: flex;
justify-content: center;
}
.is2clAd>div{
width: calc((100% - 30px) / 2);
height: auto;
}
.is2clAd>div:nth-child(2){
margin-left: 30px;
}AdX（アドエクスチェンジ）を２カラムにしたい場合もほぼ同じ要領でいけます。
