【アフィリエイト】商品リンク画像を横に並べる方法

このようにアフィリエイトで商品リンク画像を横に並べることができます。

それでは、商品リンクを横に並べる方法をご紹介します。

商品リンク画像を横に並べる方法

2つの画像を並べる場合

<div style="float:left;padding-right:10px;">
商品リンク情報
</div>
<div style="float:left;padding-right:10px;">
商品リンク情報
</div>
<div style="clear:both;"></div>

3つの画像を並べる場合

<div style="float:left;padding-right:10px;">
商品リンク情報
</div>
<div style="float:left;padding-right:10px;">
商品リンク情報
</div>
<div style="float:left;padding-right:10px;">
商品リンク情報
</div>
<div style="clear:both;"></div>

4つの画像を並べる場合

<div style="float:left;padding-right:10px;">
商品リンク情報
</div>
<div style="float:left;padding-right:10px;">
商品リンク情報
</div>
<div style="float:left;padding-right:10px;">
商品リンク情報
</div>
<div style="float:left;padding-right:10px;">
商品リンク情報
</div>
<div style="clear:both;"></div>